color #3D4DA9 | Chroma Seek

#3D4DA9

Color Information

Hex Code

#3D4DA9

RGB

61, 77, 169

HSL

231°, 47%, 45%

CSS

#3D4DA9

Color Tints

Lighter variations of #3D4DA9

#3D4DA9

#505FB2

10%

#6471BA

20%

#7782C3

30%

#8B94CB

40%

#9EA6D4

50%

#B1B8DD

60%

#C5CAE5

70%

#D8DBEE

80%

#ECEDF6

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D4DA9

#3D4DA9

#374598

10%

#313E87

20%

#2B3676

30%

#252E65

40%

#1F2755

50%

#181F44

60%

#121733

70%

#0C0F22

80%

#060811

90%

#000000

100%

Related Colors

Complementary Color

#A9993D

Opposite on color wheel

Split-Complementary Colors

#A9633D, #83A93D

Adjacent to complementary color

Analogous Colors

#3D83A9, #633DA9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A93D4D, #4DA93D

Three colors equally spaced (120° apart)

Tetradic Colors

#993DA9, #A9993D, #4DA93D

Rectangle on color wheel (90° apart)

Square Colors

#A93D83, #A9993D, #3DA963

Four colors equally spaced (90° apart)

Monochromatic Variations

#C7CCEB, #7C88D0, #222B5E, #070913

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3D4DA9

#3D9EA9

#7E3DA9

#A9993D

#83A93D

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

Triadic + Accent

#3D4DA9

#A93D4D

#4DA93D

#C37CD0

#225E55

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

Monochromatic + Split Complementary

#3D4DA9

#8F99D6

#1B224B

#A9633D

#83A93D

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

#3D4DA9

RGB Values

61, 77, 169

HSL Values

231°, 47%, 45%