#AA3522

#AA3522

Color Values

HEX

#AA3522

RGB

170, 53, 34

HSL

8.4, 66.7%, 40.0%

HSV

8.4, 80.0%, 66.7%

CMYK

0.0%, 68.8%, 80.0%, 33.3%

OKLCH

0.5001 0.1562 31.9

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AA3522

#2297AA

Analogous

#AA2253

#AA7922

#AA3522

Triadic

#AA3522

#22AA35

#3522AA

Split Complementary

#AA3522

#22AA79

#2253AA

Tetradic

#AA3522

#53AA22

#2297AA

#7922AA

Color Blindness Simulation

Original

#AA3522

Protanopia

#777627

Deuteranopia

#7E8728

Tritanopia

#A42A2B

Achromatopsia

#4D4D4D

CSS Usage

background-color: #AA3522;
color: #AA3522;
border-color: #AA3522;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FCF4F3
100
#F7E6E3
200
#F3CAC3
300
#EBA499
400
#E07362
500
#D5422A
600
#AA3522
700
#882A1B
800
#6A2115
900
#4E1C13
950
#31110C

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026