#5053DF

#5053DF

Color Values

HEX

#5053DF

RGB

80, 83, 223

HSL

238.7, 69.1%, 59.4%

HSV

238.7, 64.1%, 87.5%

CMYK

64.1%, 62.8%, 0.0%, 12.5%

OKLCH

0.5263 0.208 275.6

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5053DF

#DFDC50

Analogous

#509BDF

#9450DF

#5053DF

Triadic

#5053DF

#DF5053

#53DF50

Split Complementary

#5053DF

#DF9450

#9BDF50

Tetradic

#5053DF

#DF509B

#DFDC50

#50DF94

Color Blindness Simulation

Original

#5053DF

Protanopia

#5151BD

Deuteranopia

#5151B5

Tritanopia

#50A29C

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5053DF;
color: #5053DF;
border-color: #5053DF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C4F4
300
#9899EC
400
#5F62E2
500
#272BD8
600
#2023AC
700
#191C8A
800
#14166C
900
#12144F
950
#0C0C32

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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