#AA522C

Color Details

HEX
#AA522C
RGB
rgb(170, 82, 44)
HSL
hsl(18, 59%, 42%)
CMYK
cmyk(0%, 52%, 74%, 33%)
Best text on this color #FFFFFF (CR 5.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aa522c
Contrast 3.95:1 Fail
White on #aa522c
Contrast 5.31:1 AA
#aa522c on Black
Contrast 3.95:1 Fail
#aa522c on White
Contrast 5.31:1 AA

Tints & Shades

#bb7556
#cc9780
#ddbaab
#884223
#66311a
#442112

Complement & Analogous

#2c84aa
#aa912c
#aa2c45

Triadic

#2caa52
#522caa

Monochrome

#442112 #66311a #aa522c #cc9780 #ddbaab #eedcd5

Analogous

#aa2c45 #c46b7d #aa522c #bba756 #aa912c #887423

Complementary Mix

#66311a #aa522c #cc9780 #2c84aa #76afc8 #1d566f

Nearby Colors

#aa522b
#aa522d
#aa521c
#aa523c

Embed #AA522C swatch

Embed this swatch

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

Open image

About #AA522C

#AA522C converts to RGB(170, 82, 44) and HSL(18, 59%, 42%). 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).

#AA522C FAQs

What is the RGB value of #AA522C?
RGB: 170, 82, 44. Copy as CSS: rgb(170, 82, 44)
Is #AA522C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AA522C?
Complement: #2c84aa.
Does #AA522C have good contrast on white or black?
On white: 5.31:1 (AA (normal text)). On black: 3.95:1 (AA (large text)).