#887DAE

#887DAE

Color Values

HEX

#887DAE

RGB

136, 125, 174

HSL

253.5, 23.2%, 58.6%

HSV

253.5, 28.2%, 68.2%

CMYK

21.8%, 28.2%, 0.0%, 31.8%

OKLCH

0.618 0.0739 294.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#887DAE

#A3AE7D

Analogous

#7D8AAE

#A07DAE

#887DAE

Triadic

#887DAE

#AE887D

#7DAE88

Split Complementary

#887DAE

#AEA07D

#8AAE7D

Tetradic

#887DAE

#AE7D8A

#A3AE7D

#7DAEA0

Color Blindness Simulation

Original

#887DAE

Protanopia

#8383A2

Deuteranopia

#84859F

Tritanopia

#879997

Achromatopsia

#838383

CSS Usage

background-color: #887DAE;
color: #887DAE;
border-color: #887DAE;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F9
100
#EBEAF1
200
#D7D3E4
300
#BAB4D0
400
#958BB7
500
#6F629D
600
#594E7E
700
#473F65
800
#38314F
900
#2B263B
950
#1B1825

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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