#516156

#516156

Color Values

HEX

#516156

RGB

81, 97, 86

HSL

138.8, 9.0%, 34.9%

HSV

138.8, 16.5%, 38.0%

CMYK

16.5%, 0.0%, 11.3%, 62.0%

OKLCH

0.4756 0.0263 155.3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#516156

#61515C

Analogous

#546151

#51615E

#516156

Triadic

#516156

#565161

#615651

Split Complementary

#516156

#5E5161

#615154

Tetradic

#516156

#515461

#61515C

#615E51

Color Blindness Simulation

Original

#516156

Protanopia

#585859

Deuteranopia

#575659

Tritanopia

#525B5B

Achromatopsia

#5D5D5D

CSS Usage

background-color: #516156;
color: #516156;
border-color: #516156;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDA
300
#BCC7C0
400
#98A99D
500
#748B7B
600
#5D6F63
700
#4A594F
800
#3A453E
900
#2D342F
950
#1C211E

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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