#837CE5

#837CE5

Color Values

HEX

#837CE5

RGB

131, 124, 229

HSL

244.0, 66.9%, 69.2%

HSV

244.0, 45.9%, 89.8%

CMYK

42.8%, 45.9%, 0.0%, 10.2%

OKLCH

0.6404 0.1536 284.2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#837CE5

#DEE57C

Analogous

#7CA9E5

#B77CE5

#837CE5

Triadic

#837CE5

#E5837C

#7CE583

Split Complementary

#837CE5

#E5B77C

#A9E57C

Tetradic

#837CE5

#E57CA9

#DEE57C

#7CE5B7

Color Blindness Simulation

Original

#837CE5

Protanopia

#8080CC

Deuteranopia

#8081C5

Tritanopia

#83B8B3

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C7C3F3
300
#9E99EB
400
#6A62E0
500
#362AD5
600
#2B22AA
700
#221B88
800
#1B156A
900
#17134E
950
#0F0C31

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.98:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026