#837596

#837596

Color Values

HEX

#837596

RGB

131, 117, 150

HSL

265.5, 13.6%, 52.4%

HSV

265.5, 22.0%, 58.8%

CMYK

12.7%, 22.0%, 0.0%, 41.2%

OKLCH

0.587 0.0521 304.1

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#837596

#889675

Analogous

#757896

#947596

#837596

Triadic

#837596

#968375

#759683

Split Complementary

#837596

#969475

#789675

Tetradic

#837596

#967578

#889675

#759694

Color Blindness Simulation

Original

#837596

Protanopia

#7D7D8E

Deuteranopia

#7E7F8C

Tritanopia

#828886

Achromatopsia

#7A7A7A

CSS Usage

background-color: #837596;
color: #837596;
border-color: #837596;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E0
300
#C1B9CA
400
#9F94AD
500
#7D6E91
600
#645874
700
#50475D
800
#3E3748
900
#302B36
950
#1E1B22

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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