#87566D

#87566D

Color Values

HEX

#87566D

RGB

135, 86, 109

HSL

331.8, 22.2%, 43.3%

HSV

331.8, 36.3%, 52.9%

CMYK

0.0%, 36.3%, 19.3%, 47.1%

OKLCH

0.5147 0.072 350.3

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#87566D

#568770

Analogous

#875685

#875756

#87566D

Triadic

#87566D

#6D8756

#566D87

Split Complementary

#87566D

#568757

#568587

Tetradic

#87566D

#858756

#568770

#575687

Color Blindness Simulation

Original

#87566D

Protanopia

#727167

Deuteranopia

#757866

Tritanopia

#856362

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E3D3DB
300
#CFB4C1
400
#B68C9F
500
#9C637E
600
#7D4F65
700
#643F51
800
#4E323F
900
#3A2730
950
#25181E

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026