#5103C9

#5103C9

Color Values

HEX

#5103C9

RGB

81, 3, 201

HSL

263,6, 97,1%, 40,0%

HSV

263,6, 98,5%, 78,8%

CMYK

59,7%, 98,5%, 0,0%, 21,2%

OKLCH

0,4245 0,2444 286,2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5103C9

#7BC903

Analogous

#0318C9

#B403C9

#5103C9

Triadic

#5103C9

#C95103

#03C951

Split Complementary

#5103C9

#C9B403

#18C903

Tetradic

#5103C9

#C90318

#7BC903

#03C9B4

Color Blindness Simulation

Original

#5103C9

Protanopia

#2F2F99

Deuteranopia

#343A8E

Tritanopia

#4D736B

Achromatopsia

#222222

CSS Usage

background-color: #5103C9;
color: #5103C9;
border-color: #5103C9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D4B9FE
300
#B586FD
400
#8D45FC
500
#6504FB
600
#5103C9
700
#4102A1
800
#33027E
900
#27065B
950
#190439

Contrast Checker

Text on white

9,52:1

AA Pass AAA Pass

Text on black

2,21: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