#833BC0

#833BC0

Color Values

HEX

#833BC0

RGB

131, 59, 192

HSL

272.5, 53.0%, 49.2%

HSV

272.5, 69.3%, 75.3%

CMYK

31.8%, 69.3%, 0.0%, 24.7%

OKLCH

0.514 0.1993 305.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#833BC0

#78C03B

Analogous

#413BC0

#C03BBA

#833BC0

Triadic

#833BC0

#C0833B

#3BC083

Split Complementary

#833BC0

#BAC03B

#3BC041

Tetradic

#833BC0

#C0413B

#78C03B

#3BBAC0

Color Blindness Simulation

Original

#833BC0

Protanopia

#6463A0

Deuteranopia

#686D98

Tritanopia

#7F8681

Achromatopsia

#545454

CSS Usage

background-color: #833BC0;
color: #833BC0;
border-color: #833BC0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EE
300
#C5A1E2
400
#A56FD3
500
#853CC3
600
#6B309C
700
#55267D
800
#431E62
900
#321948
950
#20102D

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

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