#837EEB

#837EEB

Color Values

HEX

#837EEB

RGB

131, 126, 235

HSL

242.8, 73.2%, 70.8%

HSV

242.8, 46.4%, 92.2%

CMYK

44.3%, 46.4%, 0.0%, 7.8%

OKLCH

0.6476 0.159 283.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#837EEB

#E6EB7E

Analogous

#7EAFEB

#BA7EEB

#837EEB

Triadic

#837EEB

#EB837E

#7EEB83

Split Complementary

#837EEB

#EBBA7E

#AFEB7E

Tetradic

#837EEB

#EB7EAF

#E6EB7E

#7EEBBA

Color Blindness Simulation

Original

#837EEB

Protanopia

#8181D1

Deuteranopia

#8182CA

Tritanopia

#83BCB7

Achromatopsia

#878787

CSS Usage

background-color: #837EEB;
color: #837EEB;
border-color: #837EEB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C4C1F5
300
#9995EF
400
#625CE6
500
#2B22DD
600
#221BB1
700
#1B168D
800
#15116E
900
#141150
950
#0C0A33

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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