#AA4822

#AA4822

Color Values

HEX

#AA4822

RGB

170, 72, 34

HSL

16.8, 66.7%, 40.0%

HSV

16.8, 80.0%, 66.7%

CMYK

0.0%, 57.6%, 80.0%, 33.3%

OKLCH

0.5248 0.1386 40.2

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AA4822

#2284AA

Analogous

#AA2240

#AA8C22

#AA4822

Triadic

#AA4822

#22AA48

#4822AA

Split Complementary

#AA4822

#22AA8C

#2240AA

Tetradic

#AA4822

#40AA22

#2284AA

#8C22AA

Color Blindness Simulation

Original

#AA4822

Protanopia

#807F2B

Deuteranopia

#858D2D

Tritanopia

#A53234

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F7E9E3
200
#F3D1C3
300
#EBB099
400
#E08562
500
#D55A2A
600
#AA4822
700
#883A1B
800
#6A2D15
900
#4E2413
950
#31170C

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

3.66: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