#564A97 Color

Color Information

HEX	#564A97
RGB	86, 74, 151
HSL	249° , 34% , 44%
HSV	249° , 51% , 59%
CMYK	43%, 51%, 0%, 41%

Lighter Shades

#6A60A3 #7F75B0 #938BBC #A7A1C9 #BBB7D5 #D0CCE2

Darker Shades

#4C4185 #413873 #372F61 #2D264F #221E3C #18152A

Complementary Palette

#4A4082 #564A97 #788140 #8B964A #9BA563 #6E63A6

Analogous Palette

#576175 #5F6B81 #51468E #564A97 #755F81 #80688D

Triadic Palette

#4C4185 #564A97 #A24E3F #AD6356 #3FA24E #378F45

Split Complementary Palette

#4D4388 #564A97 #967C4A #A1895C #65964A #5B8743

Square Palette

#483E7F #564A97 #8B5568 #838B55 #4A967C #67A791

Tetradic Palette

#473D7C #564A97 #AB3699 #8B964A #36AB47 #5ABA68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564A97 contains 86 red, 74 green, and 151 blue.

Contrast Ratio: 7.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.79:1