#563172 Color

Color Information

HEX#563172
RGB86, 49, 114
HSL274° , 40% , 32%
HSV274° , 57% , 45%
CMYK25%, 57%, 0%, 55%

Lighter Shades

#6A4A83 #7F6294 #937BA5 #A794B6 #BBADC7 #D0C5D8

Darker Shades

#4C2B64 #412557 #371F49 #2D193B #22142E #180E20

Complementary Palette

#4A2A62 #563172 #42622A #4D7231 #66864E #6E4E86

Analogous Palette

#3D3B59 #434162 #512E6B #563172 #624160 #6D506B

Triadic Palette

#4C2B64 #563172 #7A5729 #8A6B43 #297A57 #246B4D

Split Complementary Palette

#4D2C67 #563172 #6E7231 #7D8046 #317235 #2C6730

Square Palette

#482960 #563172 #6A3C39 #4E6A39 #316E72 #528589

Tetradic Palette

#47285D #563172 #81224B #4D7231 #228158 #4A9876

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563172 contains 86 red, 49 green, and 114 blue.

Contrast Ratio: 10.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.01:1