#87667B

#87667B

Color Values

HEX

#87667B

RGB

135, 102, 123

HSL

321.8, 13.9%, 46.5%

HSV

321.8, 24.4%, 52.9%

CMYK

0.0%, 24.4%, 8.9%, 47.1%

OKLCH

0.5504 0.0519 340.5

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#87667B

#668772

Analogous

#836687

#87666B

#87667B

Triadic

#87667B

#7B8766

#667B87

Split Complementary

#87667B

#6B8766

#668783

Tetradic

#87667B

#878366

#668772

#666B87

Color Blindness Simulation

Original

#87667B

Protanopia

#797876

Deuteranopia

#7B7D75

Tritanopia

#857271

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D6DD
300
#CAB9C4
400
#AE94A4
500
#916E84
600
#74586A
700
#5D4655
800
#493742
900
#372A32
950
#221B20

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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