#517697

#517697

Color Values

HEX

#517697

RGB

81, 118, 151

HSL

208.3, 30.2%, 45.5%

HSV

208.3, 46.4%, 59.2%

CMYK

46.4%, 21.9%, 0.0%, 40.8%

OKLCH

0.5515 0.0666 246.3

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#517697

#977251

Analogous

#519795

#515397

#517697

Triadic

#517697

#975176

#769751

Split Complementary

#517697

#975153

#979551

Tetradic

#517697

#955197

#977251

#539751

Color Blindness Simulation

Original

#517697

Protanopia

#61618F

Deuteranopia

#5F5C8D

Tritanopia

#538987

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DCE6
300
#AFC3D4
400
#84A2BD
500
#5982A6
600
#476885
700
#39536A
800
#2C4153
900
#23313E
950
#161F27

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026