color #3F5C83 | Chroma Seek

#3F5C83

Color Information

Hex Code

#3F5C83

RGB

63, 92, 131

HSL

214°, 35%, 38%

CSS

#3F5C83

Color Tints

Lighter variations of #3F5C83

#3F5C83

#526C8F

10%

#657D9C

20%

#798DA8

30%

#8C9DB5

40%

#9FAEC1

50%

#B2BECD

60%

#C5CEDA

70%

#D9DEE6

80%

#ECEFF3

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F5C83

#3F5C83

#395376

10%

#324A69

20%

#2C405C

30%

#26374F

40%

#202E42

50%

#192534

60%

#131C27

70%

#0D121A

80%

#06090D

90%

#000000

100%

Related Colors

Complementary Color

#83653F

Opposite on color wheel

Split-Complementary Colors

#83443F, #7E833F

Adjacent to complementary color

Analogous Colors

#3F7E83, #443F83

Adjacent colors on color wheel (30° apart)

Triadic Colors

#833F5C, #5C833F

Three colors equally spaced (120° apart)

Tetradic Colors

#653F83, #83653F, #5C833F

Rectangle on color wheel (90° apart)

Square Colors

#833F7E, #83653F, #3F8344

Four colors equally spaced (90° apart)

Monochromatic Variations

#B3C4DB, #6E8FB9, #1E2C3E, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3F5C83

#3F8376

#543F83

#83653F

#7E833F

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

Triadic + Accent

#3F5C83

#833F5C

#5C833F

#996EB9

#214535

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

Monochromatic + Split Complementary

#3F5C83

#809CC2

#192434

#83443F

#7E833F

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

#3F5C83

RGB Values

63, 92, 131

HSL Values

214°, 35%, 38%