#36161A Color

#36161A is rgb(54, 22, 26) in RGB and hsl(353, 42%, 15%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#36161A

HEX#36161A

RGBrgb(54, 22, 26)

HSLhsl(353, 42%, 15%)

HSVhsv(353, 59%, 21%)

OKLCHoklch(24.9% 0.051 13.7)

CMYKcmyk(0%, 59%, 52%, 79%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#36161A Complementary#163633 Analogous#36162A Analogous#362316 Triadic#1A3616 Triadic#161A36

Tints & Shades

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

Tints

#62282F #8D3A43 #B74E5A #C7757F #D9A1A7 #EACCD0

Shades

#2F1316 #2B1215 #240F11 #210D10 #190A0C #16090A

Use #36161A in Our Tools

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