#522214 Color

#522214 is rgb(82, 34, 20) in RGB and hsl(14, 61%, 20%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#522214

HEX#522214

RGBrgb(82, 34, 20)

HSLhsl(14, 61%, 20%)

HSVhsv(14, 76%, 32%)

OKLCHoklch(31.8% 0.076 37)

CMYKcmyk(0%, 59%, 76%, 68%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#522214 Complementary#144452 Analogous#521424 Analogous#524214 Triadic#145222 Triadic#221452

Tints & Shades

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

Tints

#7F351F #AC482A #D0603E #DC896F #E7AE9C #F2D3CA

Shades

#4A1F12 #3E1A0F #35160D #2D130B #250F09 #190A06

Use #522214 in Our Tools

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