#AA6322

#AA6322

Color Values

HEX

#AA6322

RGB

170, 99, 34

HSL

28.7, 66.7%, 40.0%

HSV

28.7, 80.0%, 66.7%

CMYK

0.0%, 41.8%, 80.0%, 33.3%

OKLCH

0.569 0.1193 58.4

Properties

Warm Dark Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AA6322

#2269AA

Analogous

#AA2225

#AAA722

#AA6322

Triadic

#AA6322

#22AA63

#6322AA

Split Complementary

#AA6322

#22AAA7

#2225AA

Tetradic

#AA6322

#25AA22

#2269AA

#A722AA

Color Blindness Simulation

Original

#AA6322

Protanopia

#8B8B32

Deuteranopia

#8F9536

Tritanopia

#A63E41

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC3
300
#EBC099
400
#E09E62
500
#D57C2A
600
#AA6322
700
#884F1B
800
#6A3E15
900
#4E2F13
950
#311E0C

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

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