#514955

#514955

Color Values

HEX

#514955

RGB

81, 73, 85

HSL

280.0, 7.6%, 31.0%

HSV

280.0, 14.1%, 33.3%

CMYK

4.7%, 14.1%, 0.0%, 66.7%

OKLCH

0.4177 0.0221 314.6

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#514955

#4D5549

Analogous

#4B4955

#554953

#514955

Triadic

#514955

#555149

#495551

Split Complementary

#514955

#535549

#49554B

Tetradic

#514955

#554B49

#4D5549

#495355

Color Blindness Simulation

Original

#514955

Protanopia

#4E4D52

Deuteranopia

#4E4F51

Tritanopia

#51504F

Achromatopsia

#4C4C4C

CSS Usage

background-color: #514955;
color: #514955;
border-color: #514955;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCD9DE
300
#C3BDC6
400
#A399A8
500
#837689
600
#695E6E
700
#544B58
800
#413B45
900
#322D34
950
#1F1D21

Contrast Checker

Text on white

8.63:1

AA Pass AAA Pass

Text on black

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