#878CF2

#878CF2

Color Values

HEX

#878CF2

RGB

135, 140, 242

HSL

237.2, 80.5%, 73.9%

HSV

237.2, 44.2%, 94.9%

CMYK

44.2%, 42.1%, 0.0%, 5.1%

OKLCH

0.6809 0.1489 279.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#878CF2

#F2ED87

Analogous

#87C1F2

#B787F2

#878CF2

Triadic

#878CF2

#F2878C

#8CF287

Split Complementary

#878CF2

#F2B787

#C1F287

Tetradic

#878CF2

#F287C1

#F2ED87

#87F2B7

Color Blindness Simulation

Original

#878CF2

Protanopia

#8989D9

Deuteranopia

#8988D3

Tritanopia

#87C6C2

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BFC1F8
300
#9195F3
400
#555CED
500
#1922E6
600
#141CB8
700
#101693
800
#0C1173
900
#0D1154
950
#080A35

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.06:1

AA Pass AAA Pass

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