#564E5A Color

Color Information

HEX#564E5A
RGB86, 78, 90
HSL280° , 7% , 33%
HSV280° , 13% , 35%
CMYK4%, 13%, 0%, 65%

Lighter Shades

#6A636E #7F7882 #938E95 #A7A3A9 #BBB8BD #D0CDD1

Darker Shades

#4C454F #413B44 #37323A #2D292F #221F24 #181619

Complementary Palette

#4A434D #564E5A #474D43 #525A4E #6A7167 #6E6771

Analogous Palette

#454158 #4C4861 #514955 #564E5A #61485D #6F526A

Triadic Palette

#4C454F #564E5A #625946 #756D5C #466259 #3E564E

Split Complementary Palette

#4D4651 #564E5A #585A4E #696B60 #4E5A50 #465148

Square Palette

#48424C #564E5A #614C48 #506148 #4E585A #6A7374

Tetradic Palette

#47404A #564E5A #693F4D #525A4E #3F695B #628479

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564E5A contains 86 red, 78 green, and 90 blue.

Contrast Ratio: 8.1:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.59:1