#878ECA

#878ECA

Color Values

HEX

#878ECA

RGB

135, 142, 202

HSL

233.7, 38.7%, 66.1%

HSV

233.7, 33.2%, 79.2%

CMYK

33.2%, 29.7%, 0.0%, 20.8%

OKLCH

0.6644 0.0894 278.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#878ECA

#CAC387

Analogous

#87B0CA

#A287CA

#878ECA

Triadic

#878ECA

#CA878E

#8ECA87

Split Complementary

#878ECA

#CAA287

#B0CA87

Tetradic

#878ECA

#CA87B0

#CAC387

#87CAA2

Color Blindness Simulation

Original

#878ECA

Protanopia

#8A8ABB

Deuteranopia

#8A89B8

Tritanopia

#87B0AE

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E9F3
200
#CDD0E9
300
#AAAFD9
400
#7C84C5
500
#4E59B1
600
#3F478D
700
#323971
800
#272C58
900
#202341
950
#141629

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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