#515747

#515747

Color Values

HEX

#515747

RGB

81, 87, 71

HSL

82.5, 10.1%, 31.0%

HSV

82.5, 18.4%, 34.1%

CMYK

6.9%, 0.0%, 18.4%, 65.9%

OKLCH

0.4464 0.0265 124.2

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#515747

#4D4757

Analogous

#575547

#495747

#515747

Triadic

#515747

#475157

#574751

Split Complementary

#515747

#474957

#554757

Tetradic

#515747

#475755

#4D4757

#574749

Color Blindness Simulation

Original

#515747

Protanopia

#54544B

Deuteranopia

#53534C

Tritanopia

#514E4F

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DCDFD8
300
#C3C8BC
400
#A3AA97
500
#838C73
600
#69705C
700
#545A49
800
#414639
900
#32352C
950
#1F211C

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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