#877EC8

#877EC8

Color Values

HEX

#877EC8

RGB

135, 126, 200

HSL

247.3, 40.2%, 63.9%

HSV

247.3, 37.0%, 78.4%

CMYK

32.5%, 37.0%, 0.0%, 21.6%

OKLCH

0.6315 0.1098 288.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#877EC8

#BFC87E

Analogous

#7E9AC8

#AC7EC8

#877EC8

Triadic

#877EC8

#C8877E

#7EC887

Split Complementary

#877EC8

#C8AC7E

#9AC87E

Tetradic

#877EC8

#C87E9A

#BFC87E

#7EC8AC

Color Blindness Simulation

Original

#877EC8

Protanopia

#8383B6

Deuteranopia

#8484B2

Tritanopia

#87A8A5

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D0CDEA
300
#AFA9DA
400
#847BC7
500
#594CB3
600
#473D8F
700
#393172
800
#2C2659
900
#231F42
950
#16142A

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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