#878CDA

#878CDA

Color Values

HEX

#878CDA

RGB

135, 140, 218

HSL

236.4, 52.9%, 69.2%

HSV

236.4, 38.1%, 85.5%

CMYK

38.1%, 35.8%, 0.0%, 14.5%

OKLCH

0.6681 0.1152 280.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#878CDA

#DAD587

Analogous

#87B5DA

#AB87DA

#878CDA

Triadic

#878CDA

#DA878C

#8CDA87

Split Complementary

#878CDA

#DAAB87

#B5DA87

Tetradic

#878CDA

#DA87B5

#DAD587

#87DAAB

Color Blindness Simulation

Original

#878CDA

Protanopia

#8989C7

Deuteranopia

#8988C3

Tritanopia

#87B8B5

Achromatopsia

#919191

CSS Usage

background-color: #878CDA;
color: #878CDA;
border-color: #878CDA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CBEE
300
#A1A5E2
400
#6F75D3
500
#3C44C3
600
#30379C
700
#262C7D
800
#1E2261
900
#191C48
950
#10122D

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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