#878FBA

#878FBA

Color Values

HEX

#878FBA

RGB

135, 143, 186

HSL

230.6, 27.0%, 62.9%

HSV

230.6, 27.4%, 72.9%

CMYK

27.4%, 23.1%, 0.0%, 27.1%

OKLCH

0.6593 0.0647 276.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#878FBA

#BAB287

Analogous

#87A8BA

#9887BA

#878FBA

Triadic

#878FBA

#BA878F

#8FBA87

Split Complementary

#878FBA

#BA9887

#A8BA87

Tetradic

#878FBA

#BA87A8

#BAB287

#87BA98

Color Blindness Simulation

Original

#878FBA

Protanopia

#8A8BB0

Deuteranopia

#8A89AD

Tritanopia

#87A7A6

Achromatopsia

#909090

CSS Usage

background-color: #878FBA;
color: #878FBA;
border-color: #878FBA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D5E5
300
#B1B6D2
400
#878FBA
500
#5D68A2
600
#4A5382
700
#3C4268
800
#2F3451
900
#25283C
950
#171926

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.67:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026