#837CBF

#837CBF

Color Values

HEX

#837CBF

RGB

131, 124, 191

HSL

246.3, 34.4%, 61.8%

HSV

246.3, 35.1%, 74.9%

CMYK

31.4%, 35.1%, 0.0%, 25.1%

OKLCH

0.6197 0.1 287.9

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#837CBF

#B8BF7C

Analogous

#7C97BF

#A57CBF

#837CBF

Triadic

#837CBF

#BF837C

#7CBF83

Split Complementary

#837CBF

#BFA57C

#97BF7C

Tetradic

#837CBF

#BF7C97

#B8BF7C

#7CBFA5

Color Blindness Simulation

Original

#837CBF

Protanopia

#8080AF

Deuteranopia

#8081AB

Tritanopia

#83A29F

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D2CFE8
300
#B1ADD7
400
#8780C1
500
#5D54AB
600
#4A4389
700
#3B366E
800
#2E2A56
900
#25213F
950
#171528

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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