#837EE7

#837EE7

Color Values

HEX

#837EE7

RGB

131, 126, 231

HSL

242.9, 68.6%, 70.0%

HSV

242.9, 45.5%, 90.6%

CMYK

43.3%, 45.5%, 0.0%, 9.4%

OKLCH

0.6452 0.1536 283.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#837EE7

#E2E77E

Analogous

#7EADE7

#B87EE7

#837EE7

Triadic

#837EE7

#E7837E

#7EE783

Split Complementary

#837EE7

#E7B87E

#ADE77E

Tetradic

#837EE7

#E77EAD

#E2E77E

#7EE7B8

Color Blindness Simulation

Original

#837EE7

Protanopia

#8181CE

Deuteranopia

#8182C8

Tritanopia

#83BAB5

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F8
200
#C5C3F4
300
#9C98EC
400
#6660E1
500
#3028D7
600
#2720AC
700
#1F1A8A
800
#18146B
900
#15134E
950
#0E0C31

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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