#877FCE

#877FCE

Color Values

HEX

#877FCE

RGB

135, 127, 206

HSL

246.1, 44.6%, 65.3%

HSV

246.1, 38.3%, 80.8%

CMYK

34.5%, 38.3%, 0.0%, 19.2%

OKLCH

0.6365 0.1168 287.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#877FCE

#C6CE7F

Analogous

#7F9ECE

#AF7FCE

#877FCE

Triadic

#877FCE

#CE877F

#7FCE87

Split Complementary

#877FCE

#CEAF7F

#9ECE7F

Tetradic

#877FCE

#CE7F9E

#C6CE7F

#7FCEAF

Color Blindness Simulation

Original

#877FCE

Protanopia

#8483BB

Deuteranopia

#8485B6

Tritanopia

#87ACA8

Achromatopsia

#868686

CSS Usage

background-color: #877FCE;
color: #877FCE;
border-color: #877FCE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEB
300
#ACA7DD
400
#7F77CB
500
#5247B8
600
#423993
700
#352D76
800
#29235C
900
#211D44
950
#15122B

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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