#564880 Color

Color Information

HEX#564880
RGB86, 72, 128
HSL255° , 28% , 39%
HSV255° , 44% , 50%
CMYK33%, 44%, 0%, 50%

Lighter Shades

#6A5E8F #7F749E #938AAE #A7A0BD #BBB6CC #D0CCDB

Darker Shades

#4C3F71 #413761 #372E52 #2D2543 #221D33 #181424

Complementary Palette

#4A3E6E #564880 #616D3E #717F48 #859162 #6E6292

Analogous Palette

#4E556A #555C72 #514478 #564880 #6B5572 #785F81

Triadic Palette

#4C3F71 #564880 #89513E #976655 #3E8951 #377947

Split Complementary Palette

#4D4173 #564880 #7F7148 #8C7F5A #567F48 #4D7241

Square Palette

#483C6C #564880 #75525A #6C7552 #487F71 #659388

Tetradic Palette

#473B69 #564880 #91367A #717F48 #36914D #5AA56D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564880 contains 86 red, 72 green, and 128 blue.

Contrast Ratio: 8.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1