#5318B4

#5318B4

Color Values

HEX

#5318B4

RGB

83, 24, 180

HSL

262.7, 76.5%, 40.0%

HSV

262.7, 86.7%, 70.6%

CMYK

53.9%, 86.7%, 0.0%, 29.4%

OKLCH

0.414 0.215 290.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5318B4

#79B418

Analogous

#182BB4

#A118B4

#5318B4

Triadic

#5318B4

#B45318

#18B453

Split Complementary

#5318B4

#B4A118

#2BB418

Tetradic

#5318B4

#B4182B

#79B418

#18B4A1

Color Blindness Simulation

Original

#5318B4

Protanopia

#39398E

Deuteranopia

#3D4185

Tritanopia

#50706A

Achromatopsia

#303030

CSS Usage

background-color: #5318B4;
color: #5318B4;
border-color: #5318B4;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F2FC
100
#EAE2F9
200
#D5C0F7
300
#B693F1
400
#8F58E9
500
#681EE1
600
#5318B4
700
#421390
800
#340F71
900
#280F52
950
#190A34

Contrast Checker

Text on white

9.73:1

AA Pass AAA Pass

Text on black

2.16:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026