#56455C

#56455C

Color Values

HEX

#56455C

RGB

86, 69, 92

HSL

284.3, 14.3%, 31.6%

HSV

284.3, 25.0%, 36.1%

CMYK

6.5%, 25.0%, 0.0%, 63.9%

OKLCH

0.417 0.0433 317.2

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#56455C

#4B5C45

Analogous

#4B455C

#5C4557

#56455C

Triadic

#56455C

#5C5645

#455C56

Split Complementary

#56455C

#575C45

#455C4B

Tetradic

#56455C

#5C4B45

#4B5C45

#45575C

Color Blindness Simulation

Original

#56455C

Protanopia

#4F4E56

Deuteranopia

#505155

Tritanopia

#555251

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DED6E0
300
#C6B9CB
400
#A793AE
500
#886D92
600
#6D5775
700
#57465D
800
#443749
900
#332A37
950
#201B23

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

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