#523900 Color

#523900 is rgb(82, 57, 0) in RGB and hsl(42, 100%, 16%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#523900

HEX#523900

RGBrgb(82, 57, 0)

HSLhsl(42, 100%, 16%)

HSVhsv(42, 100%, 32%)

OKLCHoklch(36.4% 0.075 81)

CMYKcmyk(0%, 30%, 100%, 68%)

Text Contrast & Accessibility

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

TextWhite text10.8:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#523900 Complementary#001852 Analogous#521000 Analogous#415200 Triadic#005239 Triadic#390052

Tints & Shades

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

Tints

#8F6400 #C78B00 #FFB405 #FFC642 #FFD980 #FFEAB8

Shades

#473200 #422E00 #382700 #2E2000 #241900 #1F1500

Use #523900 in Our Tools

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