#053326 Color

#053326 is rgb(5, 51, 38) in RGB and hsl(163, 82%, 11%) in HSL. The closest CSS named color is DarkGreen. White text is most readable on this background.

#053326

HEX#053326

RGBrgb(5, 51, 38)

HSLhsl(163, 82%, 11%)

HSVhsv(163, 90%, 20%)

OKLCHoklch(28.7% 0.054 169)

CMYKcmyk(90%, 0%, 25%, 80%)

Text Contrast & Accessibility

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

TextWhite text13.93:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#053326 Complementary#330512 Analogous#05330F Analogous#052933 Triadic#260533 Triadic#332605

Tints & Shades

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

Tints

#0B6B4F #11A77C #16DFA6 #4AEDBF #82F3D3 #BEF9E8

Shades

#052E23 #042A1F #04251C #032018 #031C15 #021711

Use #053326 in Our Tools

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