#835683

#835683

Color Values

HEX

#835683

RGB

131, 86, 131

HSL

300.0, 20.7%, 42.5%

HSV

300.0, 34.4%, 51.4%

CMYK

0.0%, 34.4%, 0.0%, 48.6%

OKLCH

0.5187 0.0875 326.7

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#835683

#568356

Analogous

#6C5683

#83566C

#835683

Triadic

#835683

#838356

#568383

Split Complementary

#835683

#6C8356

#56836C

Tetradic

#835683

#836C56

#568356

#566C83

Color Blindness Simulation

Original

#835683

Protanopia

#706F78

Deuteranopia

#727575

Tritanopia

#81706E

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E3D4E3
300
#CEB5CE
400
#B48DB4
500
#9A659A
600
#7B517B
700
#624162
800
#4D334D
900
#392739
950
#241924

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026