#516457

#516457

Color Values

HEX

#516457

RGB

81, 100, 87

HSL

138.9, 10.5%, 35.5%

HSV

138.9, 19.0%, 39.2%

CMYK

19.0%, 0.0%, 13.0%, 60.8%

OKLCH

0.4833 0.031 155.2

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#516457

#64515E

Analogous

#556451

#516461

#516457

Triadic

#516457

#575164

#645751

Split Complementary

#516457

#615164

#645155

Tetradic

#516457

#515564

#64515E

#646151

Color Blindness Simulation

Original

#516457

Protanopia

#59595A

Deuteranopia

#58575B

Tritanopia

#525D5D

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDA
300
#BBC8BF
400
#97AB9D
500
#728D7B
600
#5B7162
700
#495A4E
800
#39463D
900
#2C352F
950
#1C211E

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

3.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026