#517F85

#517F85

Color Values

HEX

#517F85

RGB

81, 127, 133

HSL

186.9, 24.3%, 42.0%

HSV

186.9, 39.1%, 52.2%

CMYK

39.1%, 4.5%, 0.0%, 47.8%

OKLCH

0.5657 0.051 206.3

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#517F85

#855751

Analogous

#518571

#516585

#517F85

Triadic

#517F85

#85517F

#7F8551

Split Complementary

#517F85

#855165

#857151

Tetradic

#517F85

#715185

#855751

#658551

Color Blindness Simulation

Original

#517F85

Protanopia

#656584

Deuteranopia

#625F83

Tritanopia

#538282

Achromatopsia

#767676

CSS Usage

background-color: #517F85;
color: #517F85;
border-color: #517F85;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D3E2E4
300
#B3CDD1
400
#8AB2B8
500
#61979E
600
#4D797F
700
#3E6165
800
#304C4F
900
#26393B
950
#182425

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

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