#5300CC

#5300CC

Color Values

HEX

#5300CC

RGB

83, 0, 204

HSL

264.4, 100.0%, 40.0%

HSV

264.4, 100.0%, 80.0%

CMYK

59.3%, 100.0%, 0.0%, 20.0%

OKLCH

0.4288 0.248 286.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5300CC

#79CC00

Analogous

#0013CC

#B900CC

#5300CC

Triadic

#5300CC

#CC5300

#00CC53

Split Complementary

#5300CC

#CCB900

#13CC00

Tetradic

#5300CC

#CC0013

#79CC00

#00CCB9

Color Blindness Simulation

Original

#5300CC

Protanopia

#2F2E9B

Deuteranopia

#343A8F

Tritanopia

#4F746B

Achromatopsia

#202020

CSS Usage

background-color: #5300CC;
color: #5300CC;
border-color: #5300CC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D5B8FF
300
#B685FF
400
#8F42FF
500
#6800FF
600
#5300CC
700
#4200A3
800
#340080
900
#28055C
950
#19033A

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

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