#56484A

#56484A

Color Values

HEX

#56484A

RGB

86, 72, 74

HSL

351.4, 8.9%, 31.0%

HSV

351.4, 16.3%, 33.7%

CMYK

0.0%, 16.3%, 14.0%, 66.3%

OKLCH

0.4166 0.0192 8.2

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#56484A

#485654

Analogous

#564851

#564D48

#56484A

Triadic

#56484A

#4A5648

#484A56

Split Complementary

#56484A

#48564D

#485156

Tetradic

#56484A

#515648

#485654

#4D4856

Color Blindness Simulation

Original

#56484A

Protanopia

#50504A

Deuteranopia

#515249

Tritanopia

#554949

Achromatopsia

#4B4B4B

CSS Usage

background-color: #56484A;
color: #56484A;
border-color: #56484A;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DED8D9
300
#C7BCBE
400
#A9989B
500
#8B7477
600
#6F5D60
700
#594A4C
800
#453A3C
900
#342D2E
950
#211C1D

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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