#564A76 Color

Color Information

HEX	#564A76
RGB	86, 74, 118
HSL	256° , 23% , 38%
HSV	256° , 37% , 46%
CMYK	27%, 37%, 0%, 54%

Lighter Shades

#6A6086 #7F7597 #938BA7 #A7A1B8 #BBB7C8 #D0CCD9

Darker Shades

#4C4168 #41385A #372F4C #2D263D #221E2F #181521

Complementary Palette

#4A4065 #564A76 #5C6641 #6B774B #808A64 #6E6389

Analogous Palette

#4C5267 #52596F #51466F #564A76 #69526F #775D7E

Triadic Palette

#4C4168 #564A76 #815141 #906658 #418151 #397247

Split Complementary Palette

#4D436A #564A76 #776D4B #857C5D #55774B #4D6B44

Square Palette

#483E63 #564A76 #6F5259 #686F52 #4B776D #688D84

Tetradic Palette

#473D61 #564A76 #893973 #6B774B #39894D #5D9E6D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564A76 contains 86 red, 74 green, and 118 blue.

Contrast Ratio: 8.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1