#002C24

A very dark, vivid neutral closely aligning with Darkslategray.

About #002C24

Visually, #002C24 is defined as a vivid neutral. It is closely associated with the named CSS color Darkslategray. Its digital footprint relies on 0 parts red, 44 parts green, and 36 parts blue light.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 100% cyan, 0% magenta, 18% yellow, and 83% black. This makes it a relatively dark color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. Because it is a very dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#002C24
RGB0, 44, 36
HSL169.1°, 100.0%, 8.6%
CMYK100%, 0%, 18%, 83%
HSV169.1°, 100.0%, 17.3%
LAB15.1, -17.0, 1.1
XYZ1.2, 1.9, 2.0
Decimal11300

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

15.15:1
Text on #FFFFFF
AAA
1.39:1
Text on #000000
FAIL
14.48:1
Text on #F8FAFC
AAA
1.18:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #002C24; }
.text-color { color: #002C24; }
.border-color { border: 2px solid #002C24; }

Similar Colors

Darkslategray
#2F4F4F