#517F80

#517F80

Color Values

HEX

#517F80

RGB

81, 127, 128

HSL

181.3, 22.5%, 41.0%

HSV

181.3, 36.7%, 50.2%

CMYK

36.7%, 0.8%, 0.0%, 49.8%

OKLCH

0.5639 0.0503 197.6

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#517F80

#805251

Analogous

#51806A

#516880

#517F80

Triadic

#517F80

#80517F

#7F8051

Split Complementary

#517F80

#805168

#806A51

Tetradic

#517F80

#6A5180

#805251

#688051

Color Blindness Simulation

Original

#517F80

Protanopia

#656580

Deuteranopia

#625F80

Tritanopia

#538080

Achromatopsia

#757575

CSS Usage

background-color: #517F80;
color: #517F80;
border-color: #517F80;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E3E3
300
#B4CFD0
400
#8BB5B6
500
#639B9C
600
#4F7C7D
700
#3F6364
800
#314D4E
900
#273A3A
950
#182525

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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