#AA5322

#AA5322

Color Values

HEX

#AA5322

RGB

170, 83, 34

HSL

21.6, 66.7%, 40.0%

HSV

21.6, 80.0%, 66.7%

CMYK

0.0%, 51.2%, 80.0%, 33.3%

OKLCH

0.5417 0.1294 46.8

Properties

Warm Dark Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AA5322

#2279AA

Analogous

#AA2235

#AA9722

#AA5322

Triadic

#AA5322

#22AA53

#5322AA

Split Complementary

#AA5322

#22AA97

#2235AA

Tetradic

#AA5322

#35AA22

#2279AA

#9722AA

Color Blindness Simulation

Original

#AA5322

Protanopia

#84842E

Deuteranopia

#899031

Tritanopia

#A63739

Achromatopsia

#626262

CSS Usage

background-color: #AA5322;
color: #AA5322;
border-color: #AA5322;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FCF6F3
100
#F7EAE3
200
#F3D5C3
300
#EBB699
400
#E08F62
500
#D5682A
600
#AA5322
700
#88421B
800
#6A3415
900
#4E2813
950
#31190C

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

3.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026