#564665

#564665

Color Values

HEX

#564665

RGB

86, 70, 101

HSL

271.0, 18.1%, 33.5%

HSV

271.0, 30.7%, 39.6%

CMYK

14.9%, 30.7%, 0.0%, 60.4%

OKLCH

0.4232 0.054 307.7

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#564665

#556546

Analogous

#464665

#654664

#564665

Triadic

#564665

#655646

#466556

Split Complementary

#564665

#646546

#466546

Tetradic

#564665

#654646

#556546

#466465

Color Blindness Simulation

Original

#564665

Protanopia

#4F4F5E

Deuteranopia

#50515C

Tritanopia

#555856

Achromatopsia

#4C4C4C

CSS Usage

background-color: #564665;
color: #564665;
border-color: #564665;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DCD5E2
300
#C2B7CD
400
#A190B2
500
#806897
600
#675478
700
#524360
800
#40344B
900
#312938
950
#1F1A24

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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