#878ACB

#878ACB

Color Values

HEX

#878ACB

RGB

135, 138, 203

HSL

237.4, 39.5%, 66.3%

HSV

237.4, 33.5%, 79.6%

CMYK

33.5%, 32.0%, 0.0%, 20.4%

OKLCH

0.6567 0.0964 281.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#878ACB

#CBC887

Analogous

#87ACCB

#A687CB

#878ACB

Triadic

#878ACB

#CB878A

#8ACB87

Split Complementary

#878ACB

#CBA687

#ACCB87

Tetradic

#878ACB

#CB87AC

#CBC887

#87CBA6

Color Blindness Simulation

Original

#878ACB

Protanopia

#8888BB

Deuteranopia

#8888B8

Tritanopia

#87AFAC

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCEE9
300
#AAACDA
400
#7B7FC6
500
#4D52B2
600
#3E418E
700
#313472
800
#272959
900
#1F2142
950
#141529

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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