#837CBC

#837CBC

Color Values

HEX

#837CBC

RGB

131, 124, 188

HSL

246.6, 32.3%, 61.2%

HSV

246.6, 34.0%, 73.7%

CMYK

30.3%, 34.0%, 0.0%, 26.3%

OKLCH

0.6182 0.0957 288.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#837CBC

#B5BC7C

Analogous

#7C95BC

#A37CBC

#837CBC

Triadic

#837CBC

#BC837C

#7CBC83

Split Complementary

#837CBC

#BCA37C

#95BC7C

Tetradic

#837CBC

#BC7C95

#B5BC7C

#7CBCA3

Color Blindness Simulation

Original

#837CBC

Protanopia

#8080AD

Deuteranopia

#8081A9

Tritanopia

#83A09E

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D2D0E7
300
#B2AED6
400
#8982BF
500
#5F56A9
600
#4C4587
700
#3D376C
800
#302B54
900
#25223F
950
#181627

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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