#837FE9

#837FE9

Color Values

HEX

#837FE9

RGB

131, 127, 233

HSL

242.3, 70.7%, 70.6%

HSV

242.3, 45.5%, 91.4%

CMYK

43.8%, 45.5%, 0.0%, 8.6%

OKLCH

0.6483 0.1549 282.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#837FE9

#E5E97F

Analogous

#7FB0E9

#B87FE9

#837FE9

Triadic

#837FE9

#E9837F

#7FE983

Split Complementary

#837FE9

#E9B87F

#B0E97F

Tetradic

#837FE9

#E97FB0

#E5E97F

#7FE9B8

Color Blindness Simulation

Original

#837FE9

Protanopia

#8181CF

Deuteranopia

#8282C9

Tritanopia

#83BBB7

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C4C2F5
300
#9A97ED
400
#635EE3
500
#2C25DA
600
#231EAE
700
#1C188B
800
#16136D
900
#14124F
950
#0D0B32

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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