#564695 Color

Color Information

HEX	#564695
RGB	86, 70, 149
HSL	252° , 36% , 43%
HSV	252° , 53% , 58%
CMYK	42%, 53%, 0%, 42%

Lighter Shades

#6A5CA2 #7F72AE #9389BB #A79FC8 #BBB5D5 #D0CBE1

Darker Shades

#4C3E83 #413571 #372D5F #2D244D #221C3C #18142A

Complementary Palette

#4A3C80 #564695 #72803C #859546 #96A460 #6E60A4

Analogous Palette

#545D73 #5C677F #51428C #564695 #755C7F #7F668A

Triadic Palette

#4C3E83 #564695 #A04F3B #AB6453 #3BA04F #348D46

Split Complementary Palette

#4D3F86 #564695 #957D46 #A08A59 #5E9546 #55863F

Square Palette

#483B7D #564695 #8A5162 #7F8A51 #46957D #64A692

Tetradic Palette

#47397A #564695 #A93291 #859546 #32A94A #57B86B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564695 contains 86 red, 70 green, and 149 blue.

Contrast Ratio: 7.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.66:1