#505A7C

#505A7C

Color Values

HEX

#505A7C

RGB

80, 90, 124

HSL

226.4, 21.6%, 40.0%

HSV

226.4, 35.5%, 48.6%

CMYK

35.5%, 27.4%, 0.0%, 51.4%

OKLCH

0.4731 0.0566 271.5

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#505A7C

#7C7250

Analogous

#50707C

#5C507C

#505A7C

Triadic

#505A7C

#7C505A

#5A7C50

Split Complementary

#505A7C

#7C5C50

#707C50

Tetradic

#505A7C

#7C5070

#7C7250

#507C5C

Color Blindness Simulation

Original

#505A7C

Protanopia

#545474

Deuteranopia

#545372

Tritanopia

#506D6C

Achromatopsia

#5A5A5A

CSS Usage

background-color: #505A7C;
color: #505A7C;
border-color: #505A7C;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D4D7E3
300
#B5BBCF
400
#8C96B5
500
#64709B
600
#505A7C
700
#404863
800
#32384E
900
#272B3A
950
#191B25

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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