#503F60

#503F60

Color Values

HEX

#503F60

RGB

80, 63, 96

HSL

270.9, 20.8%, 31.2%

HSV

270.9, 34.4%, 37.6%

CMYK

16.7%, 34.4%, 0.0%, 62.4%

OKLCH

0.3995 0.0581 307.5

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#503F60

#4F603F

Analogous

#403F60

#603F60

#503F60

Triadic

#503F60

#60503F

#3F6050

Split Complementary

#503F60

#60603F

#3F6040

Tetradic

#503F60

#60403F

#4F603F

#3F6060

Color Blindness Simulation

Original

#503F60

Protanopia

#494858

Deuteranopia

#4A4B56

Tritanopia

#4F5250

Achromatopsia

#454545

CSS Usage

background-color: #503F60;
color: #503F60;
border-color: #503F60;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DCD4E3
300
#C2B5CF
400
#A18DB4
500
#80659A
600
#67517B
700
#524163
800
#40324D
900
#31273A
950
#1F1924

Contrast Checker

Text on white

9.46:1

AA Pass AAA Pass

Text on black

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