#837EC3

#837EC3

Color Values

HEX

#837EC3

RGB

131, 126, 195

HSL

244.3, 36.5%, 62.9%

HSV

244.3, 35.4%, 76.5%

CMYK

32.8%, 35.4%, 0.0%, 23.5%

OKLCH

0.6256 0.1028 286.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#837EC3

#BEC37E

Analogous

#7E9BC3

#A57EC3

#837EC3

Triadic

#837EC3

#C3837E

#7EC383

Split Complementary

#837EC3

#C3A57E

#9BC37E

Tetradic

#837EC3

#C37E9B

#BEC37E

#7EC3A5

Color Blindness Simulation

Original

#837EC3

Protanopia

#8181B2

Deuteranopia

#8182AE

Tritanopia

#83A5A2

Achromatopsia

#848484

CSS Usage

background-color: #837EC3;
color: #837EC3;
border-color: #837EC3;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#D0CEE8
300
#AFABD8
400
#837EC3
500
#5851AE
600
#46418B
700
#38346F
800
#2C2857
900
#232140
950
#161529

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026