#8874CE

#8874CE

Color Values

HEX

#8874CE

RGB

136, 116, 206

HSL

253.3, 47.9%, 63.1%

HSV

253.3, 43.7%, 80.8%

CMYK

34.0%, 43.7%, 0.0%, 19.2%

OKLCH

0.6166 0.1336 292.2

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8874CE

#BACE74

Analogous

#748DCE

#B574CE

#8874CE

Triadic

#8874CE

#CE8874

#74CE88

Split Complementary

#8874CE

#CEB574

#8DCE74

Tetradic

#8874CE

#CE748D

#BACE74

#74CEB5

Color Blindness Simulation

Original

#8874CE

Protanopia

#7F7FB8

Deuteranopia

#8082B3

Tritanopia

#87A7A3

Achromatopsia

#7F7F7F

CSS Usage

background-color: #8874CE;
color: #8874CE;
border-color: #8874CE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F4FA
100
#E9E6F4
200
#D2CAEC
300
#B1A4DF
400
#8773CE
500
#5E42BD
600
#4B3597
700
#3C2B79
800
#2F215E
900
#251C45
950
#17112C

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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