color #3F5DAD | Chroma Seek

#3F5DAD

Color Information

Hex Code

#3F5DAD

RGB

63, 93, 173

HSL

224°, 47%, 46%

CSS

#3F5DAD

Color Tints

Lighter variations of #3F5DAD

#3F5DAD

#526DB5

10%

#657DBD

20%

#798EC6

30%

#8C9ECE

40%

#9FAED6

50%

#B2BEDE

60%

#C5CEE6

70%

#D9DFEF

80%

#ECEFF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F5DAD

#3F5DAD

#39549C

10%

#324A8A

20%

#2C4179

30%

#263868

40%

#202F57

50%

#192545

60%

#131C34

70%

#0D1323

80%

#060911

90%

#000000

100%

Related Colors

Complementary Color

#AC8F3E

Opposite on color wheel

Split-Complementary Colors

#AC583E, #93AC3E

Adjacent to complementary color

Analogous Colors

#3E93AC, #583EAC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AC3E5C, #5CAC3E

Three colors equally spaced (120° apart)

Tetradic Colors

#8F3EAC, #AC8F3E, #5CAC3E

Rectangle on color wheel (90° apart)

Square Colors

#AC3E93, #AC8F3E, #3EAC58

Four colors equally spaced (90° apart)

Monochromatic Variations

#CBD3EC, #8095D1, #233461, #080C16

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3F5DAD

#3EACAB

#733EAC

#AC8F3E

#93AC3E

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

Triadic + Accent

#3F5DAD

#AC3E5C

#5CAC3E

#BB80D1

#236151

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

Monochromatic + Split Complementary

#3F5DAD

#92A5D8

#1C2A4F

#AC583E

#93AC3E

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

#3F5DAD

RGB Values

63, 93, 173

HSL Values

224°, 47%, 46%