#514647

#514647

Color Values

HEX

#514647

RGB

81, 70, 71

HSL

354.5, 7.3%, 29.6%

HSV

354.5, 13.6%, 31.8%

CMYK

0.0%, 13.6%, 12.3%, 68.2%

OKLCH

0.4057 0.015 11.5

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#514647

#465150

Analogous

#51464C

#514A46

#514647

Triadic

#514647

#475146

#464751

Split Complementary

#514647

#46514A

#464C51

Tetradic

#514647

#4C5146

#465150

#4A4651

Color Blindness Simulation

Original

#514647

Protanopia

#4C4C47

Deuteranopia

#4D4E47

Tritanopia

#504747

Achromatopsia

#484848

CSS Usage

background-color: #514647;
color: #514647;
border-color: #514647;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9D9
300
#C6BDBE
400
#A89A9B
500
#897678
600
#6D5F60
700
#584C4D
800
#443B3C
900
#342D2E
950
#211D1D

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

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