HEX Color #002C6D (Darkslateblue)

About #002C6D

The hex code #002C6D represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Darkslateblue. In the RGB color space, it consists of 0 red, 44 green, and 109 blue.

For print applications, it's crucial to understand its CMYK makeup. The color uses 100% Cyan, 60% Magenta, 0% Yellow, and 57% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#002C6D

RGB0, 44, 109

HSL215.8°, 100.0%, 21.4%

CMYK100%, 60%, 0%, 57%

HSV215.8°, 100.0%, 42.7%

LAB19.7, 15.1, -41.4

XYZ3.7, 2.9, 14.8

Decimal11373

Color Harmonies

Complementary

#002C6D #6D4100

Analogous

#00626D #0A006D

Triadic

#6D002B #2B6D00

Tetradic

#6D0062 #6D4100 #006D0A

Tints, Shades & Tones

Tints (Adding White)

#002C6D

#1C437D

#385A8D

#55729D

#7189AD

#8DA1BE

#AAB8CE

#C6D0DE

#E2E7EE

#FFFFFF

Shades (Adding Black)

#002C6D

#002760

#002254

#001D48

#00183C

#001330

#000E24

#000918

#00040C

#000000

WCAG Contrast Accessibility

13.28:1

Text on #FFFFFF

AAA

1.58:1

Text on #000000

FAIL

12.69:1

Text on #F8FAFC

AAA

1.34:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B