#503C67

#503C67

Color Values

HEX

#503C67

RGB

80, 60, 103

HSL

267.9, 26.4%, 32.0%

HSV

267.9, 41.7%, 40.4%

CMYK

22.3%, 41.7%, 0.0%, 59.6%

OKLCH

0.397 0.0743 304.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#503C67

#53673C

Analogous

#3C3E67

#663C67

#503C67

Triadic

#503C67

#67503C

#3C6750

Split Complementary

#503C67

#67663C

#3E673C

Tetradic

#503C67

#673C3E

#53673C

#3C6766

Color Blindness Simulation

Original

#503C67

Protanopia

#47475D

Deuteranopia

#484A5A

Tritanopia

#4F5453

Achromatopsia

#434343

CSS Usage

background-color: #503C67;
color: #503C67;
border-color: #503C67;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DBD2E5
300
#C1B2D2
400
#9F88BA
500
#7D5EA1
600
#644B81
700
#503C67
800
#3F2F51
900
#30253C
950
#1E1726

Contrast Checker

Text on white

9.62:1

AA Pass AAA Pass

Text on black

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