#AA7822

#AA7822

Color Values

HEX

#AA7822

RGB

170, 120, 34

HSL

37.9, 66.7%, 40.0%

HSV

37.9, 80.0%, 66.7%

CMYK

0.0%, 29.4%, 80.0%, 33.3%

OKLCH

0.6089 0.1154 76.0

Properties

Warm Light Nearest: darkgoldenrod 4

Color Harmonies

Complementary

#AA7822

#2254AA

Analogous

#AA3422

#98AA22

#AA7822

Triadic

#AA7822

#22AA78

#7822AA

Split Complementary

#AA7822

#2298AA

#3422AA

Tetradic

#AA7822

#22AA34

#2254AA

#AA2298

Color Blindness Simulation

Original

#AA7822

Protanopia

#949437

Deuteranopia

#979B3C

Tritanopia

#A8474B

Achromatopsia

#7C7C7C

CSS Usage

background-color: #AA7822;
color: #AA7822;
border-color: #AA7822;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF8F3
100
#F7F0E3
200
#F3E2C3
300
#EBCD99
400
#E0B162
500
#D5962A
600
#AA7822
700
#88601B
800
#6A4B15
900
#4E3813
950
#31230C

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass 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