#877FB6

#877FB6

Color Values

HEX

#877FB6

RGB

135, 127, 182

HSL

248.7, 27.4%, 60.6%

HSV

248.7, 30.2%, 71.4%

CMYK

25.8%, 30.2%, 0.0%, 28.6%

OKLCH

0.6247 0.0823 290.5

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#877FB6

#AEB67F

Analogous

#7F93B6

#A37FB6

#877FB6

Triadic

#877FB6

#B6877F

#7FB687

Split Complementary

#877FB6

#B6A37F

#93B67F

Tetradic

#877FB6

#B67F93

#AEB67F

#7FB6A3

Color Blindness Simulation

Original

#877FB6

Protanopia

#8483A9

Deuteranopia

#8485A6

Tritanopia

#879E9C

Achromatopsia

#858585

CSS Usage

background-color: #877FB6;
color: #877FB6;
border-color: #877FB6;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D4D2E5
300
#B6B1D3
400
#8E87BB
500
#675DA2
600
#524A82
700
#423B68
800
#332E51
900
#28253C
950
#191726

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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