#AA4422

#AA4422

Color Values

HEX

#AA4422

RGB

170, 68, 34

HSL

15.0, 66.7%, 40.0%

HSV

15.0, 80.0%, 66.7%

CMYK

0.0%, 60.0%, 80.0%, 33.3%

OKLCH

0.5191 0.1423 38.2

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AA4422

#2288AA

Analogous

#AA2244

#AA8822

#AA4422

Triadic

#AA4422

#22AA44

#4422AA

Split Complementary

#AA4422

#22AA88

#2244AA

Tetradic

#AA4422

#44AA22

#2288AA

#8822AA

Color Blindness Simulation

Original

#AA4422

Protanopia

#7E7D2A

Deuteranopia

#848B2C

Tritanopia

#A53132

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F7E8E3
200
#F3CFC3
300
#EBAD99
400
#E08162
500
#D5552A
600
#AA4422
700
#88361B
800
#6A2A15
900
#4E2213
950
#31150C

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026