#564B86 Color

Color Information

HEX	#564B86
RGB	86, 75, 134
HSL	251° , 28% , 41%
HSV	251° , 44% , 53%
CMYK	36%, 44%, 0%, 47%

Lighter Shades

#6A6195 #7F76A3 #938CB2 #A7A1C0 #BBB7CF #D0CDDD

Darker Shades

#4C4276 #413966 #373056 #2D2746 #221E36 #181526

Complementary Palette

#4A4173 #564B86 #6A7341 #7B864B #8D9764 #6E6497

Analogous Palette

#525C6F #596378 #51477E #564B86 #6E5978 #7B6487

Triadic Palette

#4C4276 #564B86 #904F41 #9D6458 #41904F #397F46

Split Complementary Palette

#4D4479 #564B86 #86734B #92815D #5E864B #557944

Square Palette

#483F71 #564B86 #7B5662 #747B56 #4B8673 #689989

Tetradic Palette

#473E6E #564B86 #993887 #7B864B #38994A #5CAB6B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564B86 contains 86 red, 75 green, and 134 blue.

Contrast Ratio: 7.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1