#887FD0

#887FD0

Color Values

HEX

#887FD0

RGB

136, 127, 208

HSL

246.7, 46.3%, 65.7%

HSV

246.7, 38.9%, 81.6%

CMYK

34.6%, 38.9%, 0.0%, 18.4%

OKLCH

0.6383 0.1196 287.6

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#887FD0

#C7D07F

Analogous

#7F9ED0

#B17FD0

#887FD0

Triadic

#887FD0

#D0887F

#7FD088

Split Complementary

#887FD0

#D0B17F

#9ED07F

Tetradic

#887FD0

#D07F9E

#C7D07F

#7FD0B1

Color Blindness Simulation

Original

#887FD0

Protanopia

#8484BC

Deuteranopia

#8585B8

Tritanopia

#88ADAA

Achromatopsia

#878787

CSS Usage

background-color: #887FD0;
color: #887FD0;
border-color: #887FD0;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECBEC
300
#ACA5DE
400
#7F75CC
500
#5244BB
600
#413795
700
#342C77
800
#29225D
900
#211C45
950
#15122B

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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