HEX Color #003A24 (Darkslategray)

About #003A24

The hex code #003A24 represents a beautifully specific shade of green. Its closest recognized web color is Darkslategray. Its digital footprint relies on 0 parts red, 58 parts green, and 36 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. With a hue angle of 157.2 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. Because it is a very dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#003A24

RGB0, 58, 36

HSL157.2°, 100.0%, 11.4%

CMYK100%, 0%, 38%, 77%

HSV157.2°, 100.0%, 22.7%

LAB20.6, -23.9, 8.9

XYZ1.8, 3.2, 2.2

Decimal14884

Color Harmonies

Complementary

#003A24 #3A0015

Analogous

#003A07 #00333A

Triadic

#23003A #3A2400

Tetradic

#07003A #3A0015 #333A00

Tints, Shades & Tones

Tints (Adding White)

#003A24

#1C4F3C

#386554

#557B6D

#719185

#8DA79D

#AABDB6

#C6D3CE

#E2E9E6

#FFFFFF

Shades (Adding Black)

#003A24

#003320

#002D1C

#002618

#002014

#001910

#00130C

#000C08

#000604

#000000

WCAG Contrast Accessibility

12.88:1

Text on #FFFFFF

AAA

1.63:1

Text on #000000

FAIL

12.31:1

Text on #F8FAFC

AAA

1.39:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #003A24; }

.text-color { color: #003A24; }

.border-color { border: 2px solid #003A24; }

Similar Colors

Darkslategray

#2F4F4F