#AD4200 Color

#AD4200 is rgb(173, 66, 0) in RGB and hsl(23, 100%, 34%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#AD4200

HEX#AD4200

RGBrgb(173, 66, 0)

HSLhsl(23, 100%, 34%)

HSVhsv(23, 100%, 68%)

OKLCHoklch(51.9% 0.153 43.2)

CMYKcmyk(0%, 62%, 100%, 32%)

Text Contrast & Accessibility

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

TextWhite text5.91:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.56:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#AD4200 Complementary#006BAD Analogous#AD0014 Analogous#AD9900 Triadic#00AD42 Triadic#4200AD

Tints & Shades

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

Tints

#DB5400 #FF680A #FF8438 #FFA46B #FFC099 #FFDCC7

Shades

#993B00 #803100 #6B2900 #572100 #421900 #291000

Use #AD4200 in Our Tools

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