#AA5A18 Color

#AA5A18 is rgb(170, 90, 24) in RGB and hsl(27, 75%, 38%) in HSL. The closest CSS named color is Sienna. White text is most readable on this background.

#AA5A18

HEX#AA5A18

RGBrgb(170, 90, 24)

HSLhsl(27, 75%, 38%)

HSVhsv(27, 86%, 67%)

OKLCHoklch(55.3% 0.128 54.1)

CMYKcmyk(0%, 47%, 86%, 33%)

Text Contrast & Accessibility

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

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

TextBlack text4.18:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#AA5A18 Complementary#1868AA Analogous#AA181F Analogous#AAA218 Triadic#18AA5A Triadic#5A18AA

Tints & Shades

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

Tints

#D26F1E #E28436 #E89C5E #EDB282 #F3CBAA #F8E1CE

Shades

#934E15 #7D4212 #67360F #552D0C #3E2109 #281506

Use #AA5A18 in Our Tools

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