#563CA2 Color

Color Information

HEX#563CA2
RGB86, 60, 162
HSL255° , 46% , 44%
HSV255° , 63% , 64%
CMYK47%, 63%, 0%, 36%

Lighter Shades

#6A53AD #7F6BB8 #9382C3 #A79ACF #BBB1DA #D0C8E5

Darker Shades

#4C358F #412E7B #372668 #2D1F54 #221841 #18112D

Complementary Palette

#4A348B #563CA2 #778D34 #8AA43D #9AB158 #6E57AF

Analogous Palette

#4D5B84 #53628D #513898 #563CA2 #7F538D #886693

Triadic Palette

#4C358F #563CA2 #AF5131 #B9664A #31AF51 #2B9A47

Split Complementary Palette

#4D3692 #563CA2 #A48A3D #AD9650 #56A43D #4D9437

Square Palette

#483288 #563CA2 #99485C #849948 #3DA48A #5CB39D

Tetradic Palette

#473185 #563CA2 #B82894 #8AA43D #28B84C #4FC56C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563CA2 contains 86 red, 60 green, and 162 blue.

Contrast Ratio: 8.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.51:1