#5663C2 Color

Color Information

HEX	#5663C2
RGB	86, 99, 194
HSL	233° , 47% , 55%
HSV	233° , 56% , 76%
CMYK	56%, 49%, 0%, 24%

Lighter Shades

#6A76C9 #7F88D1 #939BD8 #A7AEDF #BBC1E7 #D0D3EE

Darker Shades

#4C57AB #414B93 #373F7C #2D3365 #22284E #181C36

Complementary Palette

#4A55A7 #5663C2 #A79D4A #C2B656 #CBC06E #6E79CB

Analogous Palette

#678698 #6D93AB #515DB6 #5663C2 #856DAB #907AB3

Triadic Palette

#4C57AB #5663C2 #CE4B5A #D4616E #5ACE4B #4FB542

Split Complementary Palette

#4D59AF #5663C2 #C28056 #C88D67 #99C256 #8AAF4D

Square Palette

#4853A3 #5663C2 #B76296 #B7AD62 #56C280 #71CC94

Tetradic Palette

#47519F #5663C2 #C542D7 #C2B656 #53D742 #72DE64

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5663C2 contains 86 red, 99 green, and 194 blue.

Contrast Ratio: 5.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.96:1