#52504C

#52504C

Color Values

HEX

#52504C

RGB

82, 80, 76

HSL

40.0, 3.8%, 31.0%

HSV

40.0, 7.3%, 32.2%

CMYK

0.0%, 2.4%, 7.3%, 67.8%

OKLCH

0.4318 0.007 84.6

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#52504C

#4C4E52

Analogous

#524D4C

#51524C

#52504C

Triadic

#52504C

#4C5250

#504C52

Split Complementary

#52504C

#4C5152

#4D4C52

Tetradic

#52504C

#4C524D

#4C4E52

#524C51

Color Blindness Simulation

Original

#52504C

Protanopia

#51514D

Deuteranopia

#51514D

Tritanopia

#524E4E

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDCDA
300
#C4C3BF
400
#A4A29D
500
#84817B
600
#6A6762
700
#55534E
800
#42413D
900
#32312F
950
#201F1E

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