#504FEF

#504FEF

Color Values

HEX

#504FEF

RGB

80, 79, 239

HSL

240.4, 83.3%, 62.4%

HSV

240.4, 66.9%, 93.7%

CMYK

66.5%, 66.9%, 0.0%, 6.3%

OKLCH

0.5337 0.2324 275.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#504FEF

#EEEF4F

Analogous

#4F9EEF

#A04FEF

#504FEF

Triadic

#504FEF

#EF504F

#4FEF50

Split Complementary

#504FEF

#EFA04F

#9EEF4F

Tetradic

#504FEF

#EF4F9E

#EEEF4F

#4FEFA0

Color Blindness Simulation

Original

#504FEF

Protanopia

#5050C8

Deuteranopia

#5050BF

Tritanopia

#50AAA3

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBEF9
300
#908FF5
400
#5352EF
500
#1715EA
600
#1211BB
700
#0F0E96
800
#0B0B75
900
#0D0C55
950
#080836

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026