#516F69

#516F69

Color Values

HEX

#516F69

RGB

81, 111, 105

HSL

168,0, 15,6%, 37,6%

HSV

168,0, 27,0%, 43,5%

CMYK

27,0%, 0,0%, 5,4%, 56,5%

OKLCH

0,5164 0,0361 181,1

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#516F69

#6F5157

Analogous

#516F5A

#51666F

#516F69

Triadic

#516F69

#69516F

#6F6951

Split Complementary

#516F69

#6F5166

#6F5A51

Tetradic

#516F69

#5A516F

#6F5157

#666F51

Color Blindness Simulation

Original

#516F69

Protanopia

#5E5E6A

Deuteranopia

#5C5A6B

Tritanopia

#526C6C

Achromatopsia

#686868

CSS Usage

background-color: #516F69;
color: #516F69;
border-color: #516F69;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D6E1DF
300
#B8CBC8
400
#92AFA9
500
#6C938B
600
#567670
700
#455E59
800
#364A46
900
#2A3735
950
#1A2321

Contrast Checker

Text on white

5,49:1

AA Pass AAA Fail

Text on black

3,83: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