#564765

#564765

Color Values

HEX

#564765

RGB

86, 71, 101

HSL

270.0, 17.4%, 33.7%

HSV

270.0, 29.7%, 39.6%

CMYK

14.9%, 29.7%, 0.0%, 60.4%

OKLCH

0.4253 0.0521 307.1

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#564765

#566547

Analogous

#474765

#654765

#564765

Triadic

#564765

#655647

#476556

Split Complementary

#564765

#656547

#476547

Tetradic

#564765

#654747

#566547

#476565

Color Blindness Simulation

Original

#564765

Protanopia

#504F5E

Deuteranopia

#50525C

Tritanopia

#555857

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DBD5E2
300
#C2B7CC
400
#A190B1
500
#806996
600
#665478
700
#524360
800
#40354B
900
#302938
950
#1F1A23

Contrast Checker

Text on white

8.45:1

AA Pass AAA Pass

Text on black

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