HEX Color #002C1D (Darkslategray)

About #002C1D

The precise color #002C1D is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslategray. Its digital footprint relies on 0 parts red, 44 parts green, and 29 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. The HSL representation is 159.5° hue, 100.0% saturation, and 8.6% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#002C1D

RGB0, 44, 29

HSL159.5°, 100.0%, 8.6%

CMYK100%, 0%, 34%, 83%

HSV159.5°, 100.0%, 17.3%

LAB14.9, -19.3, 5.7

XYZ1.1, 1.9, 1.5

Decimal11293

Color Harmonies

Complementary

#002C1D #2C000E

Analogous

#002C06 #00242C

Triadic

#1C002C #2C1C00

Tetradic

#06002C #2C000E #252C00

Tints, Shades & Tones

Tints (Adding White)

#002C1D

#1C4336

#385A4F

#557268

#718981

#8DA19A

#AAB8B3

#C6D0CC

#E2E7E5

#FFFFFF

Shades (Adding Black)

#002C1D

#002719

#002216

#001D13

#001810

#00130C

#000E09

#000906

#000403

#000000

WCAG Contrast Accessibility

15.24:1

Text on #FFFFFF

AAA

1.38:1

Text on #000000

FAIL

14.57:1

Text on #F8FAFC

AAA

1.17:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslategray

#2F4F4F