#A46972

#A46972

Color Values

HEX

#A46972

RGB

164, 105, 114

HSL

350.8, 24.5%, 52.7%

HSV

350.8, 36.0%, 64.3%

CMYK

0.0%, 36.0%, 30.5%, 35.7%

OKLCH

0.5866 0.0765 9.7

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#A46972

#69A49B

Analogous

#A4698F

#A47D69

#A46972

Triadic

#A46972

#72A469

#6972A4

Split Complementary

#A46972

#69A47D

#698FA4

Tetradic

#A46972

#8FA469

#69A49B

#7D69A4

Color Blindness Simulation

Original

#A46972

Protanopia

#8A8A70

Deuteranopia

#8E926F

Tritanopia

#A16E6E

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E4D3D5
300
#D1B3B7
400
#B88A91
500
#9F606A
600
#7F4D55
700
#663E44
800
#4F3035
900
#3B2629
950
#25181A

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

4.84:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026