#5563C1 Color

Color Information

HEX	#5563C1
RGB	85, 99, 193
HSL	232° , 47% , 55%
HSV	232° , 56% , 76%
CMYK	56%, 49%, 0%, 24%

Lighter Shades

#6976C8 #7E88D0 #929BD7 #A7AEDF #BBC1E6 #CFD3EE

Darker Shades

#4B57AA #414B93 #363F7C #2C3364 #22284D #181C36

Complementary Palette

#4955A6 #5563C1 #A79B4A #C2B456 #CBBF6E #6D79CA

Analogous Palette

#678798 #6D95AB #505DB5 #5563C1 #846DAB #8F7AB3

Triadic Palette

#4B57AA #5563C1 #CE4B5C #D46170 #5CCE4B #51B542

Split Complementary Palette

#4D59AE #5563C1 #C27E56 #C88B67 #9BC256 #8CAF4D

Square Palette

#4753A2 #5563C1 #B76298 #B7AB62 #56C27E #71CC93

Tetradic Palette

#46519E #5563C1 #C342D7 #C2B456 #56D742 #74DE64

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5563C1 contains 85 red, 99 green, and 193 blue.

Contrast Ratio: 5.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1