#56465E

#56465E

Color Values

HEX

#56465E

RGB

86, 70, 94

HSL

280.0, 14.6%, 32.2%

HSV

280.0, 25.5%, 36.9%

CMYK

8.5%, 25.5%, 0.0%, 63.1%

OKLCH

0.42 0.044 314.3

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#56465E

#4E5E46

Analogous

#4A465E

#5E465A

#56465E

Triadic

#56465E

#5E5646

#465E56

Split Complementary

#56465E

#5A5E46

#465E4A

Tetradic

#56465E

#5E4A46

#4E5E46

#465A5E

Color Blindness Simulation

Original

#56465E

Protanopia

#4F4F58

Deuteranopia

#505157

Tritanopia

#555453

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E1
300
#C5B9CB
400
#A593AE
500
#866D92
600
#6B5775
700
#56465E
800
#433649
900
#332A37
950
#201B23

Contrast Checker

Text on white

8.63:1

AA Pass AAA Pass

Text on black

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