#A49586

#A49586

Color Values

HEX

#A49586

RGB

164, 149, 134

HSL

30.0, 14.2%, 58.4%

HSV

30.0, 18.3%, 64.3%

CMYK

0.0%, 9.1%, 18.3%, 35.7%

OKLCH

0.6787 0.028 67.3

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#A49586

#8695A4

Analogous

#A48686

#A4A486

#A49586

Triadic

#A49586

#86A495

#9586A4

Split Complementary

#A49586

#86A4A4

#8686A4

Tetradic

#A49586

#86A486

#8695A4

#A486A4

Color Blindness Simulation

Original

#A49586

Protanopia

#9E9D8A

Deuteranopia

#9EA08A

Tritanopia

#A38C8D

Achromatopsia

#979797

CSS Usage

background-color: #A49586;
color: #A49586;
border-color: #A49586;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DBD6
300
#CAC2B9
400
#AEA193
500
#92806D
600
#746658
700
#5D5246
800
#494037
900
#37302A
950
#231F1B

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

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