#504F4F

#504F4F

Color Values

HEX

#504F4F

RGB

80, 79, 79

HSL

0.0, 0.6%, 31.2%

HSV

0.0, 1.2%, 31.4%

CMYK

0.0%, 1.2%, 1.2%, 68.6%

OKLCH

0.4285 0.0013 17.2

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#504F4F

#4F5050

Analogous

#504F50

#50504F

#504F4F

Triadic

#504F4F

#4F504F

#4F4F50

Split Complementary

#504F4F

#4F5050

#4F5050

Tetradic

#504F4F

#50504F

#4F5050

#504F50

Color Blindness Simulation

Original

#504F4F

Protanopia

#50504F

Deuteranopia

#50504F

Tritanopia

#504F4F

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C2C1C1
400
#A1A0A0
500
#807F7F
600
#676565
700
#525151
800
#403F3F
900
#313030
950
#1F1E1E

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

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