#AA5525

Color Details

HEX
#AA5525
RGB
rgb(170, 85, 37)
HSL
hsl(22, 64%, 41%)
CMYK
cmyk(0%, 50%, 78%, 33%)
Best text on this color #FFFFFF (CR 5.20:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aa5525
Contrast 4.04:1 Fail
White on #aa5525
Contrast 5.20:1 AA
#aa5525 on Black
Contrast 4.04:1 Fail
#aa5525 on White
Contrast 5.20:1 AA

Tints & Shades

#bb7751
#cc997c
#ddbba8
#88441e
#663316
#44220f

Complement & Analogous

#267aab
#ab9a26
#ab2637

Triadic

#26ab57
#5726ab

Monochrome

#44220f #663316 #aa5525 #cc997c #ddbba8 #eeddd3

Analogous

#ab2637 #c46773 #aa5525 #bcae51 #ab9a26 #897b1e

Complementary Mix

#663316 #aa5525 #cc997c #267aab #72a9c8 #194f6f

Nearby Colors

#aa5524
#aa5526
#aa5515
#aa5535

Embed #AA5525 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #AA5525

#AA5525 converts to RGB(170, 85, 37) and HSL(22, 64%, 41%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#AA5525 FAQs

What is the RGB value of #AA5525?
RGB: 170, 85, 37. Copy as CSS: rgb(170, 85, 37)
Is #AA5525 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AA5525?
Complement: #267aab.
Does #AA5525 have good contrast on white or black?
On white: 5.20:1 (AA (normal text)). On black: 4.04:1 (AA (large text)).