#52504D

#52504D

Color Values

HEX

#52504D

RGB

82, 80, 77

HSL

36.0, 3.1%, 31.2%

HSV

36.0, 6.1%, 32.2%

CMYK

0.0%, 2.4%, 6.1%, 67.8%

OKLCH

0.4322 0.0055 78.3

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#52504D

#4D4F52

Analogous

#524E4D

#52524D

#52504D

Triadic

#52504D

#4D5250

#504D52

Split Complementary

#52504D

#4D5252

#4E4D52

Tetradic

#52504D

#4D524E

#4D4F52

#524D52

Color Blindness Simulation

Original

#52504D

Protanopia

#51514E

Deuteranopia

#51514E

Tritanopia

#524E4E

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDCDA
300
#C4C2C0
400
#A4A19E
500
#83807C
600
#696763
700
#54524F
800
#42403E
900
#32312F
950
#1F1F1E

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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