#5303C9

#5303C9

Color Values

HEX

#5303C9

RGB

83, 3, 201

HSL

264.2, 97.1%, 40.0%

HSV

264.2, 98.5%, 78.8%

CMYK

58.7%, 98.5%, 0.0%, 21.2%

OKLCH

0.4265 0.2442 287.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5303C9

#79C903

Analogous

#0316C9

#B603C9

#5303C9

Triadic

#5303C9

#C95303

#03C953

Split Complementary

#5303C9

#C9B603

#16C903

Tetradic

#5303C9

#C90316

#79C903

#03C9B6

Color Blindness Simulation

Original

#5303C9

Protanopia

#303099

Deuteranopia

#353B8E

Tritanopia

#4F736B

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D5B9FE
300
#B686FD
400
#8F45FC
500
#6804FB
600
#5303C9
700
#4202A1
800
#34027E
900
#28065B
950
#190439

Contrast Checker

Text on white

9.44:1

AA Pass AAA Pass

Text on black

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