#87889F

#87889F

Color Values

HEX

#87889F

RGB

135, 136, 159

HSL

237.5, 11.1%, 57.6%

HSV

237.5, 15.1%, 62.4%

CMYK

15.1%, 14.5%, 0.0%, 37.6%

OKLCH

0.6338 0.0343 283.4

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#87889F

#9F9E87

Analogous

#87949F

#92879F

#87889F

Triadic

#87889F

#9F8788

#889F87

Split Complementary

#87889F

#9F9287

#949F87

Tetradic

#87889F

#9F8794

#9F9E87

#879F92

Color Blindness Simulation

Original

#87889F

Protanopia

#878799

Deuteranopia

#878798

Tritanopia

#879594

Achromatopsia

#898989

CSS Usage

background-color: #87889F;
color: #87889F;
border-color: #87889F;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D8DF
300
#BBBCC9
400
#9697AB
500
#71738E
600
#5B5C71
700
#49495B
800
#393947
900
#2C2C35
950
#1C1C22

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

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