#878ACA

#878ACA

Color Values

HEX

#878ACA

RGB

135, 138, 202

HSL

237.3, 38.7%, 66.1%

HSV

237.3, 33.2%, 79.2%

CMYK

33.2%, 31.7%, 0.0%, 20.8%

OKLCH

0.6562 0.0949 281.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#878ACA

#CAC787

Analogous

#87ACCA

#A687CA

#878ACA

Triadic

#878ACA

#CA878A

#8ACA87

Split Complementary

#878ACA

#CAA687

#ACCA87

Tetradic

#878ACA

#CA87AC

#CAC787

#87CAA6

Color Blindness Simulation

Original

#878ACA

Protanopia

#8888BB

Deuteranopia

#8888B7

Tritanopia

#87AEAC

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFE9
300
#AAACD9
400
#7C7FC5
500
#4E53B1
600
#3F428D
700
#323571
800
#272958
900
#202141
950
#141529

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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