#517CAA

#517CAA

Color Values

HEX

#517CAA

RGB

81, 124, 170

HSL

211.0, 35.5%, 49.2%

HSV

211.0, 52.4%, 66.7%

CMYK

52.4%, 27.1%, 0.0%, 33.3%

OKLCH

0.5745 0.086 251.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#517CAA

#AA7F51

Analogous

#51A9AA

#5251AA

#517CAA

Triadic

#517CAA

#AA517C

#7CAA51

Split Complementary

#517CAA

#AA5251

#A9AA51

Tetradic

#517CAA

#AA51A9

#AA7F51

#51AA52

Color Blindness Simulation

Original

#517CAA

Protanopia

#64649F

Deuteranopia

#615E9C

Tritanopia

#539694

Achromatopsia

#767676

CSS Usage

background-color: #517CAA;
color: #517CAA;
border-color: #517CAA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CFDBE8
300
#ACC1D8
400
#7FA0C2
500
#527EAD
600
#42658A
700
#35516F
800
#293F56
900
#213040
950
#151E28

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026