#87666C

#87666C

Color Values

HEX

#87666C

RGB

135, 102, 108

HSL

349.1, 13.9%, 46.5%

HSV

349.1, 24.4%, 52.9%

CMYK

0.0%, 24.4%, 20.0%, 47.1%

OKLCH

0.5453 0.0432 6.5

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#87666C

#668781

Analogous

#87667D

#877166

#87666C

Triadic

#87666C

#6C8766

#666C87

Split Complementary

#87666C

#668771

#667D87

Tetradic

#87666C

#7D8766

#668781

#716687

Color Blindness Simulation

Original

#87666C

Protanopia

#79786B

Deuteranopia

#7B7D6A

Tritanopia

#856969

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E0D6D8
300
#CAB9BC
400
#AE9498
500
#916E74
600
#74585D
700
#5D464A
800
#49373A
900
#372A2D
950
#221B1C

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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