#563178 Color

Color Information

HEX#563178
RGB86, 49, 120
HSL271° , 42% , 33%
HSV271° , 59% , 47%
CMYK28%, 59%, 0%, 53%

Lighter Shades

#6A4A88 #7F6298 #937BA9 #A794B9 #BBADC9 #D0C5D9

Darker Shades

#4C2B6A #41255B #371F4D #2D193E #221430 #180E22

Complementary Palette

#4A2A67 #563178 #47662A #537731 #6B8A4E #6E4E8B

Analogous Palette

#3C3C5D #424267 #512E71 #563178 #674266 #6F526F

Triadic Palette

#4C2B6A #563178 #805628 #8F6A42 #288056 #23714C

Split Complementary Palette

#4D2C6C #563178 #767731 #848546 #317732 #2C6B2D

Square Palette

#482965 #563178 #6F3A39 #536F39 #317677 #528C8D

Tetradic Palette

#472862 #563178 #872252 #537731 #228756 #4A9D74

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563178 contains 86 red, 49 green, and 120 blue.

Contrast Ratio: 10.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1