#877BBE

#877BBE

Color Values

HEX

#877BBE

RGB

135, 123, 190

HSL

250.7, 34.0%, 61.4%

HSV

250.7, 35.3%, 74.5%

CMYK

28.9%, 35.3%, 0.0%, 25.5%

OKLCH

0.6206 0.1002 291.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#877BBE

#B2BE7B

Analogous

#7B91BE

#A97BBE

#877BBE

Triadic

#877BBE

#BE877B

#7BBE87

Split Complementary

#877BBE

#BEA97B

#91BE7B

Tetradic

#877BBE

#BE7B91

#B2BE7B

#7BBEA9

Color Blindness Simulation

Original

#877BBE

Protanopia

#8282AE

Deuteranopia

#8283AA

Tritanopia

#86A19E

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F2
200
#D3CFE7
300
#B4ADD7
400
#8C81C1
500
#6454AB
600
#504389
700
#40366D
800
#322A55
900
#27223F
950
#191528

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026