#504FF3

#504FF3

Color Values

HEX

#504FF3

RGB

80, 79, 243

HSL

240.4, 87.2%, 63.1%

HSV

240.4, 67.5%, 95.3%

CMYK

67.1%, 67.5%, 0.0%, 4.7%

OKLCH

0.5373 0.2372 275.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#504FF3

#F2F34F

Analogous

#4FA0F3

#A24FF3

#504FF3

Triadic

#504FF3

#F3504F

#4FF350

Split Complementary

#504FF3

#F3A24F

#A0F34F

Tetradic

#504FF3

#F34FA0

#F2F34F

#4FF3A2

Color Blindness Simulation

Original

#504FF3

Protanopia

#5050CB

Deuteranopia

#5050C2

Tritanopia

#50ACA5

Achromatopsia

#5B5B5B

CSS Usage

background-color: #504FF3;
color: #504FF3;
border-color: #504FF3;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BDBCFA
300
#8D8CF7
400
#4F4EF3
500
#1210EF
600
#0E0DBF
700
#0B0A99
800
#090877
900
#0B0A56
950
#070737

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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