#837ADF

#837ADF

Color Values

HEX

#837ADF

RGB

131, 122, 223

HSL

245.3, 61.2%, 67.6%

HSV

245.3, 45.3%, 87.5%

CMYK

41.3%, 45.3%, 0.0%, 12.5%

OKLCH

0.6331 0.1482 285.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#837ADF

#D6DF7A

Analogous

#7AA3DF

#B57ADF

#837ADF

Triadic

#837ADF

#DF837A

#7ADF83

Split Complementary

#837ADF

#DFB57A

#A3DF7A

Tetradic

#837ADF

#DF7AA3

#D6DF7A

#7ADFB5

Color Blindness Simulation

Original

#837ADF

Protanopia

#7F7FC7

Deuteranopia

#8080C1

Tritanopia

#83B3AF

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#C9C5F1
300
#A39CE7
400
#7167DA
500
#3F31CE
600
#3328A4
700
#282084
800
#201967
900
#1A164B
950
#110E2F

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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