#504FCA

#504FCA

Color Values

HEX

#504FCA

RGB

80, 79, 202

HSL

240.5, 53.7%, 55.1%

HSV

240.5, 60.9%, 79.2%

CMYK

60.4%, 60.9%, 0.0%, 20.8%

OKLCH

0.5022 0.1857 277.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#504FCA

#C9CA4F

Analogous

#4F8BCA

#8E4FCA

#504FCA

Triadic

#504FCA

#CA504F

#4FCA50

Split Complementary

#504FCA

#CA8E4F

#8BCA4F

Tetradic

#504FCA

#CA4F8B

#C9CA4F

#4FCA8E

Color Blindness Simulation

Original

#504FCA

Protanopia

#5050AC

Deuteranopia

#5050A5

Tritanopia

#509590

Achromatopsia

#585858

CSS Usage

background-color: #504FCA;
color: #504FCA;
border-color: #504FCA;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C8C8EE
300
#A1A1E3
400
#6F6ED3
500
#3C3BC4
600
#302F9D
700
#27267D
800
#1E1E62
900
#191948
950
#10102D

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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