#56485B

#56485B

Color Values

HEX

#56485B

RGB

86, 72, 91

HSL

284.2, 11.7%, 32.0%

HSV

284.2, 20.9%, 35.7%

CMYK

5.5%, 20.9%, 0.0%, 64.3%

OKLCH

0.4231 0.0357 317.1

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#56485B

#4D5B48

Analogous

#4D485B

#5B4857

#56485B

Triadic

#56485B

#5B5648

#485B56

Split Complementary

#56485B

#575B48

#485B4D

Tetradic

#56485B

#5B4D48

#4D5B48

#48575B

Color Blindness Simulation

Original

#56485B

Protanopia

#505056

Deuteranopia

#515255

Tritanopia

#555352

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7DF
300
#C5BBC9
400
#A696AC
500
#87718E
600
#6C5A72
700
#56485B
800
#433847
900
#332B36
950
#201B22

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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