#835CE6

#835CE6

Color Values

HEX

#835CE6

RGB

131, 92, 230

HSL

257.0, 73.4%, 63.1%

HSV

257.0, 60.0%, 90.2%

CMYK

43.0%, 60.0%, 0.0%, 9.8%

OKLCH

0.5867 0.1996 292.1

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#835CE6

#BFE65C

Analogous

#5C7AE6

#C85CE6

#835CE6

Triadic

#835CE6

#E6835C

#5CE683

Split Complementary

#835CE6

#E6C85C

#7AE65C

Tetradic

#835CE6

#E65C7A

#BFE65C

#5CE6C8

Color Blindness Simulation

Original

#835CE6

Protanopia

#7272C5

Deuteranopia

#7477BD

Tritanopia

#81AAA4

Achromatopsia

#6E6E6E

CSS Usage

background-color: #835CE6;
color: #835CE6;
border-color: #835CE6;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F3FC
100
#E8E2F8
200
#D0C1F6
300
#AE95EF
400
#835BE6
500
#5722DD
600
#461BB1
700
#38168D
800
#2B116F
900
#231050
950
#160A33

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

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