color #3F5BD9 | Chroma Seek

#3F5BD9

Color Information

Hex Code

#3F5BD9

RGB

63, 91, 217

HSL

229°, 67%, 55%

CSS

#3F5BD9

Color Tints

Lighter variations of #3F5BD9

#3F5BD9

#526BDD

10%

#657CE1

20%

#798CE4

30%

#8C9DE8

40%

#9FADEC

50%

#B2BDF0

60%

#C5CEF4

70%

#D9DEF7

80%

#ECEFFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F5BD9

#3F5BD9

#3952C3

10%

#3249AE

20%

#2C4098

30%

#263782

40%

#202E6D

50%

#192457

60%

#131B41

70%

#0D122B

80%

#060916

90%

#000000

100%

Related Colors

Complementary Color

#D9BD3F

Opposite on color wheel

Split-Complementary Colors

#D9703F, #A8D93F

Adjacent to complementary color

Analogous Colors

#3FA8D9, #703FD9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D93F5C, #5CD93F

Three colors equally spaced (120° apart)

Tetradic Colors

#BD3FD9, #D9BD3F, #5CD93F

Rectangle on color wheel (90° apart)

Square Colors

#D93FA8, #D9BD3F, #3FD970

Four colors equally spaced (90° apart)

Monochromatic Variations

#EAEDFB, #95A4EA, #1D3395, #0D1640

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3F5BD9

#3FCFD9

#973FD9

#D9BD3F

#A8D93F

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

Triadic + Accent

#3F5BD9

#D93F5C

#5CD93F

#DA95EA

#1D957F

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

Monochromatic + Split Complementary

#3F5BD9

#AAB6EE

#192C80

#D9703F

#A8D93F

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

#3F5BD9

RGB Values

63, 91, 217

HSL Values

229°, 67%, 55%