#517699

#517699

Color Values

HEX

#517699

RGB

81, 118, 153

HSL

209.2, 30.8%, 45.9%

HSV

209.2, 47.1%, 60.0%

CMYK

47.1%, 22.9%, 0.0%, 40.0%

OKLCH

0.5525 0.0691 247.8

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#517699

#997451

Analogous

#519998

#515299

#517699

Triadic

#517699

#995176

#769951

Split Complementary

#517699

#995152

#999851

Tetradic

#517699

#985199

#997451

#529951

Color Blindness Simulation

Original

#517699

Protanopia

#616191

Deuteranopia

#5F5C8E

Tritanopia

#538A88

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8EDF2
200
#D0DCE6
300
#AFC2D5
400
#84A1BE
500
#5881A7
600
#476785
700
#38526B
800
#2C4053
900
#23313E
950
#161F27

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail 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