#5831C3

#5831C3

Color Values

HEX

#5831C3

RGB

88, 49, 195

HSL

256.0, 59.8%, 47.8%

HSV

256.0, 74.9%, 76.5%

CMYK

54.9%, 74.9%, 0.0%, 23.5%

OKLCH

0.4582 0.2102 287.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5831C3

#9CC331

Analogous

#3153C3

#A131C3

#5831C3

Triadic

#5831C3

#C35831

#31C358

Split Complementary

#5831C3

#C3A131

#53C331

Tetradic

#5831C3

#C33153

#9CC331

#31C3A1

Color Blindness Simulation

Original

#5831C3

Protanopia

#4747A0

Deuteranopia

#494C97

Tritanopia

#56847E

Achromatopsia

#444444

CSS Usage

background-color: #5831C3;
color: #5831C3;
border-color: #5831C3;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F3FB
100
#E9E4F6
200
#D1C6F1
300
#B19DE6
400
#8668D9
500
#5C33CC
600
#4A29A3
700
#3B2182
800
#2E1A66
900
#24164B
950
#170E2F

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026