#502E75

#502E75

Color Values

HEX

#502E75

RGB

80, 46, 117

HSL

268.7, 43.6%, 32.0%

HSV

268.7, 60.7%, 45.9%

CMYK

31.6%, 60.7%, 0.0%, 54.1%

OKLCH

0.3801 0.1187 303.3

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#502E75

#53752E

Analogous

#2E3075

#742E75

#502E75

Triadic

#502E75

#75502E

#2E7550

Split Complementary

#502E75

#75742E

#30752E

Tetradic

#502E75

#752E30

#53752E

#2E7574

Color Blindness Simulation

Original

#502E75

Protanopia

#414164

Deuteranopia

#434660

Tritanopia

#4E5653

Achromatopsia

#3A3A3A

CSS Usage

background-color: #502E75;
color: #502E75;
border-color: #502E75;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DBCCEB
300
#C1A7DC
400
#9F78CA
500
#7D48B7
600
#643A92
700
#502E75
800
#3F245C
900
#301D43
950
#1E132B

Contrast Checker

Text on white

10.56:1

AA Pass AAA Pass

Text on black

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