#56504C

#56504C

Color Values

HEX

#56504C

RGB

86, 80, 76

HSL

24.0, 6.2%, 31.8%

HSV

24.0, 11.6%, 33.7%

CMYK

0.0%, 7.0%, 11.6%, 66.3%

OKLCH

0.4358 0.0103 56.1

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#56504C

#4C5256

Analogous

#564C4D

#56554C

#56504C

Triadic

#56504C

#4C5650

#504C56

Split Complementary

#56504C

#4C5655

#4C4D56

Tetradic

#56504C

#4D564C

#4C5256

#554C56

Color Blindness Simulation

Original

#56504C

Protanopia

#53534D

Deuteranopia

#54544D

Tritanopia

#564E4E

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C6C1BE
400
#A69F9B
500
#877E78
600
#6C6560
700
#57514D
800
#443F3C
900
#33302E
950
#201E1D

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

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