#505D52

#505D52

Color Values

HEX

#505D52

RGB

80, 93, 82

HSL

129.2, 7.5%, 33.9%

HSV

129.2, 14.0%, 36.5%

CMYK

14.0%, 0.0%, 11.8%, 63.5%

OKLCH

0.4636 0.0239 149.7

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#505D52

#5D505B

Analogous

#545D50

#505D58

#505D52

Triadic

#505D52

#52505D

#5D5250

Split Complementary

#505D52

#58505D

#5D5054

Tetradic

#505D52

#50545D

#5D505B

#5D5850

Color Blindness Simulation

Original

#505D52

Protanopia

#565655

Deuteranopia

#555455

Tritanopia

#515757

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BDC6BF
400
#9AA89C
500
#768979
600
#5E6E61
700
#4B584D
800
#3B453C
900
#2D342E
950
#1D211D

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

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