#5777C2 Color

Color Information

HEX	#5777C2
RGB	87, 119, 194
HSL	222° , 47% , 55%
HSV	222° , 55% , 76%
CMYK	55%, 39%, 0%, 24%

Lighter Shades

#6B87C9 #7F98D1 #93A8D8 #A8B8DF #BCC9E7 #D0D9EE

Darker Shades

#4D69AB #425A93 #384C7C #2D3E65 #23304E #182136

Complementary Palette

#4B66A7 #5777C2 #A78B4A #C2A256 #CBAF6E #6F8ACB

Analogous Palette

#678E98 #6D9FAB #5270B6 #5777C2 #7A6DAB #867AB3

Triadic Palette

#4D69AB #5777C2 #CE4B72 #D46183 #72CE4B #64B542

Split Complementary Palette

#4E6BAF #5777C2 #C26C56 #C87B67 #ADC256 #9CAF4D

Square Palette

#4964A3 #5777C2 #B762A6 #B79D62 #56C26C #71CC84

Tetradic Palette

#47629F #5777C2 #AA42D7 #C2A256 #6ED742 #88DE64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5777C2 contains 87 red, 119 green, and 194 blue.

Contrast Ratio: 4.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.87:1