color #3D4DAA | Chroma Seek

#3D4DAA

Color Information

Hex Code

#3D4DAA

RGB

61, 77, 170

HSL

231°, 47%, 45%

CSS

#3D4DAA

Color Tints

Lighter variations of #3D4DAA

#3D4DAA

#505FB3

10%

#6471BB

20%

#7782C4

30%

#8B94CC

40%

#9EA6D5

50%

#B1B8DD

60%

#C5CAE6

70%

#D8DBEE

80%

#ECEDF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D4DAA

#3D4DAA

#374599

10%

#313E88

20%

#2B3677

30%

#252E66

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 #3D4DAA. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3D4DAA

#3D9EA9

#7E3DA9

#A9993D

#83A93D

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

Triadic + Accent

#3D4DAA

#A93D4D

#4DA93D

#C37CD0

#225E55

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

Monochromatic + Split Complementary

#3D4DAA

#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

#3D4DAA

RGB Values

61, 77, 170

HSL Values

231°, 47%, 45%