#507C9C

#507C9C

Color Values

HEX

#507C9C

RGB

80, 124, 156

HSL

205.3, 32.2%, 46.3%

HSV

205.3, 48.7%, 61.2%

CMYK

48.7%, 20.5%, 0.0%, 38.8%

OKLCH

0.5674 0.0695 241.1

Properties

Cool Light Nearest: skyblue 4

Color Harmonies

Complementary

#507C9C

#9C7050

Analogous

#509C96

#50569C

#507C9C

Triadic

#507C9C

#9C507C

#7C9C50

Split Complementary

#507C9C

#9C5056

#9C9650

Tetradic

#507C9C

#96509C

#9C7050

#569C50

Color Blindness Simulation

Original

#507C9C

Protanopia

#636394

Deuteranopia

#605D92

Tritanopia

#528E8D

Achromatopsia

#757575

CSS Usage

background-color: #507C9C;
color: #507C9C;
border-color: #507C9C;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE7
300
#AEC5D6
400
#82A5BF
500
#5686A9
600
#456B87
700
#37566C
800
#2B4354
900
#22333E
950
#162027

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026