#835BC8

#835BC8

Color Values

HEX

#835BC8

RGB

131, 91, 200

HSL

262.0, 49.8%, 57.1%

HSV

262.0, 54.5%, 78.4%

CMYK

34.5%, 54.5%, 0.0%, 21.6%

OKLCH

0.5649 0.1637 297.9

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#835BC8

#A0C85B

Analogous

#5B6AC8

#BA5BC8

#835BC8

Triadic

#835BC8

#C8835B

#5BC883

Split Complementary

#835BC8

#C8BA5B

#6AC85B

Tetradic

#835BC8

#C85B6A

#A0C85B

#5BC8BA

Color Blindness Simulation

Original

#835BC8

Protanopia

#7271AE

Deuteranopia

#7477A7

Tritanopia

#819994

Achromatopsia

#6B6B6B

CSS Usage

background-color: #835BC8;
color: #835BC8;
border-color: #835BC8;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F4FB
100
#EBE6F5
200
#D7CAED
300
#BAA3E0
400
#9472D0
500
#6F40BF
600
#583399
700
#47297A
800
#37205F
900
#2B1B46
950
#1B112C

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026