#837FDA

#837FDA

Color Values

HEX

#837FDA

RGB

131, 127, 218

HSL

242.6, 55.2%, 67.6%

HSV

242.6, 41.7%, 85.5%

CMYK

39.9%, 41.7%, 0.0%, 14.5%

OKLCH

0.6397 0.1341 283.9

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#837FDA

#D6DA7F

Analogous

#7FA8DA

#B07FDA

#837FDA

Triadic

#837FDA

#DA837F

#7FDA83

Split Complementary

#837FDA

#DAB07F

#A8DA7F

Tetradic

#837FDA

#DA7FA8

#D6DA7F

#7FDAB0

Color Blindness Simulation

Original

#837FDA

Protanopia

#8181C4

Deuteranopia

#8282BF

Tritanopia

#83B3AF

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#C9C8EF
300
#A3A0E4
400
#716DD5
500
#3F39C6
600
#332E9E
700
#28257F
800
#201D63
900
#1A1849
950
#110F2E

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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