#AA5512

Color Details

HEX
#AA5512
RGB
rgb(170, 85, 18)
HSL
hsl(26, 81%, 37%)
CMYK
cmyk(0%, 50%, 89%, 33%)
Best text on this color #FFFFFF (CR 5.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aa5512
Contrast 4.02:1 Fail
White on #aa5512
Contrast 5.23:1 AA
#aa5512 on Black
Contrast 4.02:1 Fail
#aa5512 on White
Contrast 5.23:1 AA

Tints & Shades

#bb7741
#cc9971
#ddbba0
#88440e
#66330b
#442207

Complement & Analogous

#1269ab
#aba112
#ab121c

Triadic

#12ab54
#5412ab

Monochrome

#442207 #66330b #aa5512 #cc9971 #ddbba0 #eeddd0

Analogous

#ab121c #c45960 #aa5512 #bcb441 #aba112 #89810e

Complementary Mix

#66330b #aa5512 #cc9971 #1269ab #659ec8 #0c446f

Nearby Colors

#aa5511
#aa5513
#aa5502
#aa5522

Embed #AA5512 swatch

Embed this swatch

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

Open image

About #AA5512

#AA5512 converts to RGB(170, 85, 18) and HSL(26, 81%, 37%). 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).

#AA5512 FAQs

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