HEX Color #2C332C (Darkslategray)

About #2C332C

The hex code #2C332C represents a beautifully specific shade of neutral. It is closely associated with the named CSS color Darkslategray. Its digital footprint relies on 44 parts red, 51 parts green, and 44 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 14% cyan and 0% magenta inks. The HSL representation is 120.0° hue, 7.4% saturation, and 18.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#2C332C

RGB44, 51, 44

HSL120.0°, 7.4%, 18.6%

CMYK14%, 0%, 14%, 80%

HSV120.0°, 13.7%, 20.0%

LAB20.4, -4.7, 3.4

XYZ2.7, 3.1, 2.8

Decimal2896684

Color Harmonies

Complementary

#2C332C #332C33

Analogous

#2F332C #2C332F

Triadic

#2C2C33 #332C2C

Tetradic

#2C2F33 #332C33 #332F2C

Tints, Shades & Tones

Tints (Adding White)

#2C332C

#434943

#5A605A

#727772

#898D89

#A1A4A1

#B8BBB8

#D0D1D0

#E7E8E7

#FFFFFF

Shades (Adding Black)

#2C332C

#272D27

#222722

#1D221D

#181C18

#131613

#0E110E

#090B09

#040504

#000000

WCAG Contrast Accessibility

12.99:1

Text on #FFFFFF

AAA

1.62:1

Text on #000000

FAIL

12.41:1

Text on #F8FAFC

AAA

1.37:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #2C332C; }

.text-color { color: #2C332C; }

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

Similar Colors

Darkslategray

#2F4F4F