#564460

#564460

Color Values

HEX

#564460

RGB

86, 68, 96

HSL

278.6, 17.1%, 32.2%

HSV

278.6, 29.2%, 37.6%

CMYK

10.4%, 29.2%, 0.0%, 62.4%

OKLCH

0.4166 0.0509 313.2

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#564460

#4E6044

Analogous

#484460

#60445C

#564460

Triadic

#564460

#605644

#446056

Split Complementary

#564460

#5C6044

#446048

Tetradic

#564460

#604844

#4E6044

#445C60

Color Blindness Simulation

Original

#564460

Protanopia

#4E4E59

Deuteranopia

#4F5158

Tritanopia

#555453

Achromatopsia

#4A4A4A

CSS Usage

background-color: #564460;
color: #564460;
border-color: #564460;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DDD5E1
300
#C5B7CC
400
#A591B1
500
#866A95
600
#6B5577
700
#564460
800
#43354B
900
#332938
950
#201A23

Contrast Checker

Text on white

8.78:1

AA Pass AAA Pass

Text on black

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