#504371

#504371

Color Values

HEX

#504371

RGB

80, 67, 113

HSL

257.0, 25.6%, 35.3%

HSV

257.0, 40.7%, 44.3%

CMYK

29.2%, 40.7%, 0.0%, 55.7%

OKLCH

0.417 0.0763 295.9

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#504371

#647143

Analogous

#434D71

#674371

#504371

Triadic

#504371

#715043

#437150

Split Complementary

#504371

#716743

#4D7143

Tetradic

#504371

#71434D

#647143

#437167

Color Blindness Simulation

Original

#504371

Protanopia

#4A4A66

Deuteranopia

#4B4C63

Tritanopia

#4F5D5B

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EBE9F1
200
#D7D2E4
300
#BBB2D1
400
#9688B9
500
#715FA0
600
#5B4C80
700
#493D66
800
#392F50
900
#2C253C
950
#1C1826

Contrast Checker

Text on white

8.81:1

AA Pass AAA Pass

Text on black

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