#8987DC

#8987DC

Color Values

HEX

#8987DC

RGB

137, 135, 220

HSL

241.4, 54.8%, 69.6%

HSV

241.4, 38.6%, 86.3%

CMYK

37.7%, 38.6%, 0.0%, 13.7%

OKLCH

0.6609 0.1248 283.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8987DC

#DADC87

Analogous

#87AFDC

#B387DC

#8987DC

Triadic

#8987DC

#DC8987

#87DC89

Split Complementary

#8987DC

#DCB387

#AFDC87

Tetradic

#8987DC

#DC87AF

#DADC87

#87DCB3

Color Blindness Simulation

Original

#8987DC

Protanopia

#8888C7

Deuteranopia

#8888C2

Tritanopia

#89B7B4

Achromatopsia

#8E8E8E

CSS Usage

background-color: #8987DC;
color: #8987DC;
border-color: #8987DC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C9C8EF
300
#A2A0E3
400
#6F6DD4
500
#3D3AC5
600
#312E9E
700
#27257E
800
#1E1D63
900
#1A1948
950
#10102E

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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