#505447

#505447

Color Values

HEX

#505447

RGB

80, 84, 71

HSL

78.5, 8.4%, 30.4%

HSV

78.5, 15.5%, 32.9%

CMYK

4.8%, 0.0%, 15.5%, 67.1%

OKLCH

0.4381 0.0214 121.2

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#505447

#4B4754

Analogous

#545247

#4A5447

#505447

Triadic

#505447

#475054

#544750

Split Complementary

#505447

#474A54

#524754

Tetradic

#505447

#475452

#4B4754

#54474A

Color Blindness Simulation

Original

#505447

Protanopia

#52524A

Deuteranopia

#52514B

Tritanopia

#504D4D

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDED8
300
#C4C7BD
400
#A4A999
500
#848A75
600
#696F5D
700
#54584B
800
#42453A
900
#32342D
950
#1F211C

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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