#878DFD

#878DFD

Color Values

HEX

#878DFD

RGB

135, 141, 253

HSL

236.9, 96.7%, 76.1%

HSV

236.9, 46.6%, 99.2%

CMYK

46.6%, 44.3%, 0.0%, 0.8%

OKLCH

0.6891 0.1626 278.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#878DFD

#FDF787

Analogous

#87C8FD

#BC87FD

#878DFD

Triadic

#878DFD

#FD878D

#8DFD87

Split Complementary

#878DFD

#FDBC87

#C8FD87

Tetradic

#878DFD

#FD87C8

#FDF787

#87FDBC

Color Blindness Simulation

Original

#878DFD

Protanopia

#8A8AE2

Deuteranopia

#8989DB

Tritanopia

#87CCC8

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B9BCFE
300
#878DFD
400
#454FFC
500
#0411FB
600
#030EC9
700
#030BA1
800
#02087D
900
#060B5B
950
#040739

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026