#A87C9F

#A87C9F

Color Values

HEX

#A87C9F

RGB

168, 124, 159

HSL

312.3, 20.2%, 57.3%

HSV

312.3, 26.2%, 65.9%

CMYK

0.0%, 26.2%, 5.4%, 34.1%

OKLCH

0.641 0.0727 333.8

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#A87C9F

#7CA885

Analogous

#9B7CA8

#A87C89

#A87C9F

Triadic

#A87C9F

#9FA87C

#7C9FA8

Split Complementary

#A87C9F

#89A87C

#7CA89B

Tetradic

#A87C9F

#A89B7C

#7CA885

#7C89A8

Color Blindness Simulation

Original

#A87C9F

Protanopia

#959597

Deuteranopia

#989B94

Tritanopia

#A6908E

Achromatopsia

#888888

CSS Usage

background-color: #A87C9F;
color: #A87C9F;
border-color: #A87C9F;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4E0
300
#CEB5C9
400
#B48EAC
500
#99668F
600
#7B5172
700
#62415B
800
#4D3347
900
#392836
950
#241922

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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