#A45247

#A45247

Color Values

HEX

#A45247

RGB

164, 82, 71

HSL

7.1, 39.6%, 46.1%

HSV

7.1, 56.7%, 64.3%

CMYK

0.0%, 50.0%, 56.7%, 35.7%

OKLCH

0.5364 0.1105 29.1

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#A45247

#4799A4

Analogous

#A4476B

#A48147

#A45247

Triadic

#A45247

#47A452

#5247A4

Split Complementary

#A45247

#47A481

#476BA4

Tetradic

#A45247

#6BA447

#4799A4

#8147A4

Color Blindness Simulation

Original

#A45247

Protanopia

#80804A

Deuteranopia

#858B4A

Tritanopia

#A04C4C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#E9D1CD
300
#DAAFAA
400
#C6847B
500
#B2594D
600
#8E473E
700
#723931
800
#592C27
900
#42231F
950
#2A1614

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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