#564F5E Color

Color Information

HEX	#564F5E
RGB	86, 79, 94
HSL	268° , 9% , 34%
HSV	268° , 16% , 37%
CMYK	9%, 16%, 0%, 63%

Lighter Shades

#6A6471 #7F7985 #938E98 #A7A3AB #BBB9BF #D0CED2

Darker Shades

#4C4653 #413C47 #37333C #2D2931 #222026 #18161A

Complementary Palette

#4A4451 #564F5E #4B5244 #575F4F #6F7568 #6E6875

Analogous Palette

#43435B #4A4A64 #514A58 #564F5E #624A64 #705572

Triadic Palette

#4C4653 #564F5E #675546 #79695C #466755 #3E5B4B

Split Complementary Palette

#4D4755 #564F5E #5F5E4F #6F6E61 #4F5F4F #475647

Square Palette

#48424F #564F5E #644A4A #57644A #4F5F5E #6B7978

Tetradic Palette

#47414D #564F5E #6E3F57 #575F4F #3F6E54 #628873

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564F5E contains 86 red, 79 green, and 94 blue.

Contrast Ratio: 7.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.64:1