#878DF9

#878DF9

Color Values

HEX

#878DF9

RGB

135, 141, 249

HSL

236.8, 90.5%, 75.3%

HSV

236.8, 45.8%, 97.6%

CMYK

45.8%, 43.4%, 0.0%, 2.4%

OKLCH

0.6868 0.1571 279.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#878DF9

#F9F387

Analogous

#87C6F9

#BA87F9

#878DF9

Triadic

#878DF9

#F9878D

#8DF987

Split Complementary

#878DF9

#F9BA87

#C6F987

Tetradic

#878DF9

#F987C6

#F9F387

#87F9BA

Color Blindness Simulation

Original

#878DF9

Protanopia

#8A8ADF

Deuteranopia

#8989D9

Tritanopia

#87CAC6

Achromatopsia

#949494

CSS Usage

background-color: #878DF9;
color: #878DF9;
border-color: #878DF9;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBBEFC
300
#8A90F9
400
#4B54F6
500
#0C18F3
600
#0A14C2
700
#08109B
800
#060C79
900
#090D58
950
#060838

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.21:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026