#AA7B22

#AA7B22

Color Values

HEX

#AA7B22

RGB

170, 123, 34

HSL

39.3, 66.7%, 40.0%

HSV

39.3, 80.0%, 66.7%

CMYK

0.0%, 27.6%, 80.0%, 33.3%

OKLCH

0.6149 0.1158 78.6

Properties

Warm Light Nearest: darkgoldenrod 4

Color Harmonies

Complementary

#AA7B22

#2251AA

Analogous

#AA3722

#95AA22

#AA7B22

Triadic

#AA7B22

#22AA7B

#7B22AA

Split Complementary

#AA7B22

#2295AA

#3722AA

Tetradic

#AA7B22

#22AA37

#2251AA

#AA2295

Color Blindness Simulation

Original

#AA7B22

Protanopia

#969538

Deuteranopia

#989C3D

Tritanopia

#A8494C

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F7F0E3
200
#F3E3C3
300
#EBCE99
400
#E0B462
500
#D59A2A
600
#AA7B22
700
#88621B
800
#6A4D15
900
#4E3913
950
#31240C

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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