#517267

#517267

Color Values

HEX

#517267

RGB

81, 114, 103

HSL

160.0, 16.9%, 38.2%

HSV

160.0, 28.9%, 44.7%

CMYK

28.9%, 0.0%, 9.6%, 55.3%

OKLCH

0.5232 0.0418 172.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#517267

#72515C

Analogous

#517256

#516C72

#517267

Triadic

#517267

#675172

#726751

Split Complementary

#517267

#72516C

#725651

Tetradic

#517267

#565172

#72515C

#6C7251

Color Blindness Simulation

Original

#517267

Protanopia

#5F606A

Deuteranopia

#5D5B6A

Tritanopia

#536C6C

Achromatopsia

#6A6A6A

CSS Usage

background-color: #517267;
color: #517267;
border-color: #517267;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DD
300
#B7CCC5
400
#91B1A6
500
#6A9587
600
#55776C
700
#445F56
800
#354B43
900
#293833
950
#1A2320

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

3.95:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026