#A4846F

#A4846F

Color Values

HEX

#A4846F

RGB

164, 132, 111

HSL

23.8, 22.6%, 53.9%

HSV

23.8, 32.3%, 64.3%

CMYK

0.0%, 19.5%, 32.3%, 35.7%

OKLCH

0.6379 0.0498 54.9

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#A4846F

#6F8FA4

Analogous

#A46F74

#A49F6F

#A4846F

Triadic

#A4846F

#6FA484

#846FA4

Split Complementary

#A4846F

#6FA49F

#6F74A4

Tetradic

#A4846F

#74A46F

#6F8FA4

#9F6FA4

Color Blindness Simulation

Original

#A4846F

Protanopia

#969674

Deuteranopia

#989A75

Tritanopia

#A27879

Achromatopsia

#898989

CSS Usage

background-color: #A4846F;
color: #A4846F;
border-color: #A4846F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3DAD3
300
#D0BFB4
400
#B69C8B
500
#9C7A63
600
#7D614F
700
#644E3F
800
#4E3D31
900
#3A2E27
950
#251D18

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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