#A48883

#A48883

Color Values

HEX

#A48883

RGB

164, 136, 131

HSL

9.1, 15.3%, 57.8%

HSV

9.1, 20.1%, 64.3%

CMYK

0.0%, 17.1%, 20.1%, 35.7%

OKLCH

0.6512 0.0351 29.9

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#A48883

#839FA4

Analogous

#A4838E

#A49883

#A48883

Triadic

#A48883

#83A488

#8883A4

Split Complementary

#A48883

#83A498

#838EA4

Tetradic

#A48883

#8EA483

#839FA4

#9883A4

Color Blindness Simulation

Original

#A48883

Protanopia

#989884

Deuteranopia

#9A9C84

Tritanopia

#A38585

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E1D7D6
300
#CBBBB8
400
#AF9792
500
#93726C
600
#765B56
700
#5E4945
800
#4A3936
900
#372C2A
950
#231C1A

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.43:1

AA Pass 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