color #003A80 | Chroma Seek

#003A80

Color Information

Hex Code

#003A80

RGB

0, 58, 128

HSL

213°, 100%, 25%

CSS

#003A80

Color Tints

Lighter variations of #003A80

#003A80

#1A4E8D

10%

#336199

20%

#4D75A6

30%

#6689B3

40%

#809DC0

50%

#99B0CC

60%

#B3C4D9

70%

#CCD8E6

80%

#E6EBF2

90%

#FFFFFF

100%

Color Shades

Darker variations of #003A80

#003A80

#003473

10%

#002E66

20%

#00295A

30%

#00234D

40%

#001D40

50%

#001733

60%

#001126

70%

#000C1A

80%

#00060D

90%

#000000

100%

Related Colors

Complementary Color

#804600

Opposite on color wheel

Split-Complementary Colors

#800600, #798000

Adjacent to complementary color

Analogous Colors

#007980, #060080

Adjacent colors on color wheel (30° apart)

Triadic Colors

#800039, #398000

Three colors equally spaced (120° apart)

Tetradic Colors

#460080, #804600, #398000

Rectangle on color wheel (90° apart)

Square Colors

#800079, #804600, #008006

Four colors equally spaced (90° apart)

Monochromatic Variations

#4D9DFF, #0067E6, #000B19, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #003A80. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#003A80

#008066

#260080

#804600

#798000

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

Triadic + Accent

#003A80

#800039

#398000

#7E00E6

#006638

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

Monochromatic + Split Complementary

#003A80

#0073FF

#00224D

#800600

#798000

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

#003A80

RGB Values

0, 58, 128

HSL Values

213°, 100%, 25%