#518AB2

#518AB2

Color Values

HEX

#518AB2

RGB

81, 138, 178

HSL

204.7, 38.6%, 50.8%

HSV

204.7, 54.5%, 69.8%

CMYK

54.5%, 22.5%, 0.0%, 30.2%

OKLCH

0.6107 0.0856 240.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#518AB2

#B27951

Analogous

#51B2A9

#515AB2

#518AB2

Triadic

#518AB2

#B2518A

#8AB251

Split Complementary

#518AB2

#B2515A

#B2A951

Tetradic

#518AB2

#A951B2

#B27951

#5AB251

Color Blindness Simulation

Original

#518AB2

Protanopia

#6A6AA8

Deuteranopia

#6662A6

Tritanopia

#54A19F

Achromatopsia

#818181

CSS Usage

background-color: #518AB2;
color: #518AB2;
border-color: #518AB2;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#AAC6D9
400
#7CA7C5
500
#4E88B1
600
#3F6D8D
700
#325771
800
#274458
900
#203341
950
#142029

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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