#518DC5

#518DC5

Color Values

HEX

#518DC5

RGB

81, 141, 197

HSL

209.0, 50.0%, 54.5%

HSV

209.0, 58.9%, 77.3%

CMYK

58.9%, 28.4%, 0.0%, 22.7%

OKLCH

0.6268 0.1057 248.3

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#518DC5

#C58951

Analogous

#51C5C3

#5153C5

#518DC5

Triadic

#518DC5

#C5518D

#8DC551

Split Complementary

#518DC5

#C55153

#C5C351

Tetradic

#518DC5

#C351C5

#C58951

#53C551

Color Blindness Simulation

Original

#518DC5

Protanopia

#6B6CB7

Deuteranopia

#6863B4

Tritanopia

#54ADAA

Achromatopsia

#848484

CSS Usage

background-color: #518DC5;
color: #518DC5;
border-color: #518DC5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DCED
300
#A3C3E0
400
#71A2D0
500
#4082BF
600
#336899
700
#29537A
800
#204160
900
#1B3146
950
#111F2C

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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