#2C1C22 Color

#2C1C22 is rgb(44, 28, 34) in RGB and hsl(338, 22%, 14%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#2C1C22

HEX#2C1C22

RGBrgb(44, 28, 34)

HSLhsl(338, 22%, 14%)

HSVhsv(338, 36%, 17%)

OKLCHoklch(24.9% 0.027 355)

CMYKcmyk(0%, 36%, 23%, 83%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #2C1C22 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text16.2:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.3:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #2C1C22 based on color wheel relationships. Click any swatch for its full breakdown.

Base#2C1C22 Complementary#1C2C26 Analogous#2C1C29 Analogous#2C1E1C Triadic#222C1C Triadic#1C222C

Tints & Shades

Lighter tints and darker shades of #2C1C22, useful for hover states, backgrounds, and text variants.

Tints

#51343E #764C5B #9C6378 #B38998 #CBAEB9 #E3D3D9

Shades

#281A1F #22161A #1F1418 #191013 #160E11 #100A0C

Use #2C1C22 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex