#877DD4

#877DD4

Color Values

HEX

#877DD4

RGB

135, 125, 212

HSL

246.9, 50.3%, 66.1%

HSV

246.9, 41.0%, 83.1%

CMYK

36.3%, 41.0%, 0.0%, 16.9%

OKLCH

0.6358 0.1283 287.4

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#877DD4

#CAD47D

Analogous

#7D9FD4

#B37DD4

#877DD4

Triadic

#877DD4

#D4877D

#7DD487

Split Complementary

#877DD4

#D4B37D

#9FD47D

Tetradic

#877DD4

#D47D9F

#CAD47D

#7DD4B3

Color Blindness Simulation

Original

#877DD4

Protanopia

#8383BF

Deuteranopia

#8384BA

Tritanopia

#86AEAB

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CDC9ED
300
#AAA3E1
400
#7C71D0
500
#4E3FC0
600
#3E3399
700
#32297B
800
#272060
900
#201B46
950
#14112C

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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