#56475C

#56475C

Color Values

HEX

#56475C

RGB

86, 71, 92

HSL

282.9, 12.9%, 32.0%

HSV

282.9, 22.8%, 36.1%

CMYK

6.5%, 22.8%, 0.0%, 63.9%

OKLCH

0.4213 0.0391 316.2

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#56475C

#4D5C47

Analogous

#4C475C

#5C4758

#56475C

Triadic

#56475C

#5C5647

#475C56

Split Complementary

#56475C

#585C47

#475C4C

Tetradic

#56475C

#5C4C47

#4D5C47

#47585C

Color Blindness Simulation

Original

#56475C

Protanopia

#504F57

Deuteranopia

#505256

Tritanopia

#555352

Achromatopsia

#4C4C4C

CSS Usage

background-color: #56475C;
color: #56475C;
border-color: #56475C;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C5BACA
400
#A694AD
500
#876F90
600
#6C5973
700
#56475C
800
#433848
900
#332B36
950
#201B22

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

2.45:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026