#503F65

#503F65

Color Values

HEX

#503F65

RGB

80, 63, 101

HSL

266.8, 23.2%, 32.2%

HSV

266.8, 37.6%, 39.6%

CMYK

20.8%, 37.6%, 0.0%, 60.4%

OKLCH

0.4021 0.0655 304.2

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#503F65

#54653F

Analogous

#3F4165

#633F65

#503F65

Triadic

#503F65

#65503F

#3F6550

Split Complementary

#503F65

#65633F

#41653F

Tetradic

#503F65

#653F41

#54653F

#3F6563

Color Blindness Simulation

Original

#503F65

Protanopia

#49485C

Deuteranopia

#4A4B5A

Tritanopia

#4F5553

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDEAF1
200
#DAD3E4
300
#C0B4D0
400
#9E8BB7
500
#7C629D
600
#634E7E
700
#503F65
800
#3E314F
900
#2F263B
950
#1E1825

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

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