#504F83

#504F83

Color Values

HEX

#504F83

RGB

80, 79, 131

HSL

241.2, 24.8%, 41.2%

HSV

241.2, 39.7%, 51.4%

CMYK

38.9%, 39.7%, 0.0%, 48.6%

OKLCH

0.4525 0.084 283.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#504F83

#82834F

Analogous

#4F6883

#6A4F83

#504F83

Triadic

#504F83

#83504F

#4F8350

Split Complementary

#504F83

#836A4F

#68834F

Tetradic

#504F83

#834F68

#82834F

#4F836A

Color Blindness Simulation

Original

#504F83

Protanopia

#505076

Deuteranopia

#505073

Tritanopia

#506C6A

Achromatopsia

#535353

CSS Usage

background-color: #504F83;
color: #504F83;
border-color: #504F83;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D3D2E4
300
#B3B3D1
400
#8A89B8
500
#61609F
600
#4E4D7F
700
#3E3D66
800
#313050
900
#26263B
950
#181825

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

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