#504289

#504289

Color Values

HEX

#504289

RGB

80, 66, 137

HSL

251.8, 35.0%, 39.8%

HSV

251.8, 51.8%, 53.7%

CMYK

41.6%, 51.8%, 0.0%, 46.3%

OKLCH

0.4298 0.1138 289.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#504289

#7B8942

Analogous

#425889

#734289

#504289

Triadic

#504289

#895042

#428950

Split Complementary

#504289

#897342

#588942

Tetradic

#504289

#894258

#7B8942

#428973

Color Blindness Simulation

Original

#504289

Protanopia

#4A4A78

Deuteranopia

#4B4C74

Tritanopia

#4F6A67

Achromatopsia

#4A4A4A

CSS Usage

background-color: #504289;
color: #504289;
border-color: #504289;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#EAE8F2
200
#D4CFE8
300
#B5ACD7
400
#8D80C2
500
#6453AC
600
#50428A
700
#40356E
800
#322956
900
#272140
950
#191528

Contrast Checker

Text on white

8.46:1

AA Pass AAA Pass

Text on black

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