#8876CB

#8876CB

Color Values

HEX

#8876CB

RGB

136, 118, 203

HSL

252.7, 45.0%, 62.9%

HSV

252.7, 41.9%, 79.6%

CMYK

33.0%, 41.9%, 0.0%, 20.4%

OKLCH

0.6186 0.1264 292.0

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8876CB

#B9CB76

Analogous

#768ECB

#B276CB

#8876CB

Triadic

#8876CB

#CB8876

#76CB88

Split Complementary

#8876CB

#CBB276

#8ECB76

Tetradic

#8876CB

#CB768E

#B9CB76

#76CBB2

Color Blindness Simulation

Original

#8876CB

Protanopia

#8080B6

Deuteranopia

#8183B2

Tritanopia

#87A6A3

Achromatopsia

#808080

CSS Usage

background-color: #8876CB;
color: #8876CB;
border-color: #8876CB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F4FA
100
#E9E6F4
200
#D2CBEB
300
#B2A6DD
400
#8876CB
500
#5E46B9
600
#4C3894
700
#3C2D76
800
#2F235C
900
#251D44
950
#17122B

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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