#5312BA

#5312BA

Color Values

HEX

#5312BA

RGB

83, 18, 186

HSL

263.2, 82.4%, 40.0%

HSV

263.2, 90.3%, 72.9%

CMYK

55.4%, 90.3%, 0.0%, 27.1%

OKLCH

0.4164 0.2244 289.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5312BA

#79BA12

Analogous

#1225BA

#A712BA

#5312BA

Triadic

#5312BA

#BA5312

#12BA53

Split Complementary

#5312BA

#BAA712

#25BA12

Tetradic

#5312BA

#BA1225

#79BA12

#12BAA7

Color Blindness Simulation

Original

#5312BA

Protanopia

#373691

Deuteranopia

#3B3F88

Tritanopia

#50716A

Achromatopsia

#2C2C2C

CSS Usage

background-color: #5312BA;
color: #5312BA;
border-color: #5312BA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F2FD
100
#EAE1FA
200
#D5BEF9
300
#B68FF4
400
#8F53EE
500
#6816E9
600
#5312BA
700
#420E95
800
#340B74
900
#280D54
950
#190835

Contrast Checker

Text on white

9.71:1

AA Pass AAA Pass

Text on black

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