#AA5347

#AA5347

Color Values

HEX

#AA5347

RGB

170, 83, 71

HSL

7.3, 41.1%, 47.3%

HSV

7.3, 58.2%, 66.7%

CMYK

0.0%, 51.2%, 58.2%, 33.3%

OKLCH

0.5467 0.1168 29.4

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AA5347

#479EAA

Analogous

#AA476D

#AA8547

#AA5347

Triadic

#AA5347

#47AA53

#5347AA

Split Complementary

#AA5347

#47AA85

#476DAA

Tetradic

#AA5347

#6DAA47

#479EAA

#8547AA

Color Blindness Simulation

Original

#AA5347

Protanopia

#84844A

Deuteranopia

#89904B

Tritanopia

#A64C4D

Achromatopsia

#656565

CSS Usage

background-color: #AA5347;
color: #AA5347;
border-color: #AA5347;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#EAD0CD
300
#DBAFA9
400
#C7837A
500
#B4584B
600
#90463C
700
#733830
800
#5A2C26
900
#42231F
950
#2A1613

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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