color #3F4C8E | Chroma Seek

#3F4C8E

Color Information

Hex Code

#3F4C8E

RGB

63, 76, 142

HSL

230°, 39%, 40%

CSS

#3F4C8E

Color Tints

Lighter variations of #3F4C8E

#3F4C8E

#525E99

10%

#6570A5

20%

#7982B0

30%

#8C94BB

40%

#9FA6C7

50%

#B2B7D2

60%

#C5C9DD

70%

#D9DBE8

80%

#ECEDF4

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F4C8E

#3F4C8E

#394480

10%

#323D72

20%

#2C3563

30%

#262E55

40%

#202647

50%

#191E39

60%

#13172B

70%

#0D0F1C

80%

#06080E

90%

#000000

100%

Related Colors

Complementary Color

#8E813E

Opposite on color wheel

Split-Complementary Colors

#8E593E, #738E3E

Adjacent to complementary color

Analogous Colors

#3E738E, #593E8E

Adjacent colors on color wheel (30° apart)

Triadic Colors

#8E3E4B, #4B8E3E

Three colors equally spaced (120° apart)

Tetradic Colors

#813E8E, #8E813E, #4B8E3E

Rectangle on color wheel (90° apart)

Square Colors

#8E3E73, #8E813E, #3E8E59

Four colors equally spaced (90° apart)

Monochromatic Variations

#B8BFE0, #717EC1, #1F2647, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3F4C8E. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3F4C8E

#3E878E

#6D3E8E

#8E813E

#738E3E

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#3F4C8E

#8E3E4B

#4B8E3E

#B471C1

#1F4740

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#3F4C8E

#838FC9

#171C35

#8E593E

#738E3E

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#3F4C8E

RGB Values

63, 76, 142

HSL Values

230°, 39%, 40%