#564F97 Color

Color Information

HEX	#564F97
RGB	86, 79, 151
HSL	246° , 31% , 45%
HSV	246° , 48% , 59%
CMYK	43%, 48%, 0%, 41%

Lighter Shades

#6A64A3 #7F79B0 #938EBC #A7A3C9 #BBB9D5 #D0CEE2

Darker Shades

#4C4685 #413C73 #373361 #2D294F #22203C #18162A

Complementary Palette

#4A4482 #564F97 #7B8144 #8F964F #9FA568 #6E68A6

Analogous Palette

#596578 #627084 #514A8E #564F97 #766284 #816A90

Triadic Palette

#4C4685 #564F97 #A24D44 #AD625A #44A24D #3C8F44

Split Complementary Palette

#4D4788 #564F97 #967A4F #A18761 #6C964F #618747

Square Palette

#48427F #564F97 #8B5B6F #868B5B #4F967A #6BA78F

Tetradic Palette

#47417C #564F97 #AB3BA0 #8F964F #3BAB46 #5EBA67

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564F97 contains 86 red, 79 green, and 151 blue.

Contrast Ratio: 7.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.93:1