#514749

#514749

Color Values

HEX

#514749

RGB

81, 71, 73

HSL

348.0, 6.6%, 29.8%

HSV

348.0, 12.3%, 31.8%

CMYK

0.0%, 12.3%, 9.9%, 68.2%

OKLCH

0.4087 0.0139 4.1

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#514749

#47514F

Analogous

#51474E

#514A47

#514749

Triadic

#514749

#495147

#474951

Split Complementary

#514749

#47514A

#474E51

Tetradic

#514749

#4E5147

#47514F

#4A4751

Color Blindness Simulation

Original

#514749

Protanopia

#4D4D49

Deuteranopia

#4D4E48

Tritanopia

#504848

Achromatopsia

#494949

CSS Usage

background-color: #514749;
color: #514749;
border-color: #514749;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED9DA
300
#C6BEBF
400
#A79A9D
500
#88777A
600
#6D5F62
700
#574C4E
800
#443C3D
900
#332E2F
950
#201D1E

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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