#564896 Color

Color Information

HEX#564896
RGB86, 72, 150
HSL251° , 35% , 44%
HSV251° , 52% , 59%
CMYK43%, 52%, 0%, 41%

Lighter Shades

#6A5EA3 #7F74AF #938ABC #A7A0C8 #BBB6D5 #D0CCE2

Darker Shades

#4C3F84 #413772 #372E60 #2D254E #221D3C #18142A

Complementary Palette

#4A3E81 #564896 #76823F #899749 #9AA662 #6E62A5

Analogous Palette

#576075 #5F6A81 #51448D #564896 #775F81 #81688D

Triadic Palette

#4C3F84 #564896 #A3503E #AE6555 #3EA350 #378F46

Split Complementary Palette

#4D4187 #564896 #977F49 #A18C5B #629749 #588842

Square Palette

#483C7E #564896 #8C5466 #828C54 #49977F #66A893

Tetradic Palette

#473B7B #564896 #AC3596 #899749 #35AC4B #59BB6B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564896 contains 86 red, 72 green, and 150 blue.

Contrast Ratio: 7.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.72:1