#5055F2

#5055F2

Color Values

HEX

#5055F2

RGB

80, 85, 242

HSL

238.1, 86.2%, 63.1%

HSV

238.1, 66.9%, 94.9%

CMYK

66.9%, 64.9%, 0.0%, 5.1%

OKLCH

0.5457 0.2295 274.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5055F2

#F2ED50

Analogous

#50A6F2

#9C50F2

#5055F2

Triadic

#5055F2

#F25055

#55F250

Split Complementary

#5055F2

#F29C50

#A6F250

Tetradic

#5055F2

#F250A6

#F2ED50

#50F29C

Color Blindness Simulation

Original

#5055F2

Protanopia

#5252CC

Deuteranopia

#5252C3

Tritanopia

#50AEA7

Achromatopsia

#5F5F5F

CSS Usage

background-color: #5055F2;
color: #5055F2;
border-color: #5055F2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBEFA
300
#8D90F7
400
#4F54F2
500
#1219ED
600
#0E14BE
700
#0B1098
800
#090C77
900
#0B0D56
950
#070836

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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