#835680

#835680

Color Values

HEX

#835680

RGB

131, 86, 128

HSL

304.0, 20.7%, 42.5%

HSV

304.0, 34.4%, 51.4%

CMYK

0.0%, 34.4%, 2.3%, 48.6%

OKLCH

0.5174 0.0844 329.0

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#835680

#568359

Analogous

#6F5683

#835669

#835680

Triadic

#835680

#808356

#568083

Split Complementary

#835680

#698356

#56836F

Tetradic

#835680

#836F56

#568359

#566983

Color Blindness Simulation

Original

#835680

Protanopia

#706F76

Deuteranopia

#727573

Tritanopia

#816E6C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E3D4E2
300
#CEB5CD
400
#B48DB2
500
#9A6596
600
#7B5178
700
#624160
800
#4D334B
900
#392738
950
#241924

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

3.61:1

AA Fail 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