HEX Color #002C5F (Darkslateblue)

About #002C5F

The precise color #002C5F is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkslateblue. In the RGB color space, it consists of 0 red, 44 green, and 95 blue.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 100% C, 54% M, 0% Y, and 63% K. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#002C5F

RGB0, 44, 95

HSL212.2°, 100.0%, 18.6%

CMYK100%, 54%, 0%, 63%

HSV212.2°, 100.0%, 37.3%

LAB18.5, 8.8, -34.2

XYZ3.0, 2.6, 11.2

Decimal11359

Color Harmonies

Complementary

#002C5F #5F3300

Analogous

#005B5F #03005F

Triadic

#5F002B #2B5F00

Tetradic

#5F005B #5F3300 #005F03

Tints, Shades & Tones

Tints (Adding White)

#002C5F

#1C4370

#385A82

#557294

#7189A6

#8DA1B7

#AAB8C9

#C6D0DB

#E2E7ED

#FFFFFF

Shades (Adding Black)

#002C5F

#002754

#002249

#001D3F

#001834

#00132A

#000E1F

#000915

#00040A

#000000

WCAG Contrast Accessibility

13.77:1

Text on #FFFFFF

AAA

1.53:1

Text on #000000

FAIL

13.16:1

Text on #F8FAFC

AAA

1.30:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #002C5F; }

.text-color { color: #002C5F; }

.border-color { border: 2px solid #002C5F; }

Similar Colors

Darkslateblue

#483D8B