#152822 Color

#152822 is rgb(21, 40, 34) in RGB and hsl(161, 31%, 12%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#152822

HEX#152822

RGBrgb(21, 40, 34)

HSLhsl(161, 31%, 12%)

HSVhsv(161, 48%, 16%)

OKLCHoklch(25.8% 0.028 172)

CMYKcmyk(47%, 0%, 15%, 84%)

Text Contrast & Accessibility

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

TextWhite text15.46:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#152822 Complementary#28151B Analogous#152819 Analogous#152528 Triadic#221528 Triadic#282215

Tints & Shades

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

Tints

#2A5044 #417C69 #56A48B #7DBAA7 #A5CFC2 #D0E6DF

Shades

#13251F #12211C #101E1A #0C1714 #0B1411 #09110E

Use #152822 in Our Tools

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