#504FC6

#504FC6

Color Values

HEX

#504FC6

RGB

80, 79, 198

HSL

240.5, 51.1%, 54.3%

HSV

240.5, 60.1%, 77.6%

CMYK

59.6%, 60.1%, 0.0%, 22.4%

OKLCH

0.4989 0.1804 278.0

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#504FC6

#C5C64F

Analogous

#4F89C6

#8B4FC6

#504FC6

Triadic

#504FC6

#C6504F

#4FC650

Split Complementary

#504FC6

#C68B4F

#89C64F

Tetradic

#504FC6

#C64F89

#C5C64F

#4FC68B

Color Blindness Simulation

Original

#504FC6

Protanopia

#5050A9

Deuteranopia

#5050A2

Tritanopia

#50928D

Achromatopsia

#585858

CSS Usage

background-color: #504FC6;
color: #504FC6;
border-color: #504FC6;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#C9C9EE
300
#A3A3E1
400
#7170D1
500
#3F3EC1
600
#33329A
700
#29287B
800
#201F60
900
#1B1A47
950
#11112D

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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