#56485C

#56485C

Color Values

HEX

#56485C

RGB

86, 72, 92

HSL

282.0, 12.2%, 32.2%

HSV

282.0, 21.7%, 36.1%

CMYK

6.5%, 21.7%, 0.0%, 63.9%

OKLCH

0.4235 0.0371 315.7

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#56485C

#4E5C48

Analogous

#4C485C

#5C4858

#56485C

Triadic

#56485C

#5C5648

#485C56

Split Complementary

#56485C

#585C48

#485C4C

Tetradic

#56485C

#5C4C48

#4E5C48

#48585C

Color Blindness Simulation

Original

#56485C

Protanopia

#505057

Deuteranopia

#515256

Tritanopia

#555352

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C5BAC9
400
#A595AC
500
#86708F
600
#6B5A72
700
#56485C
800
#433848
900
#332B36
950
#201B22

Contrast Checker

Text on white

8.48:1

AA Pass AAA Pass

Text on black

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