#5577E4 Color

Color Information

HEX#5577E4
RGB85, 119, 228
HSL226° , 73% , 61%
HSV226° , 63% , 89%
CMYK63%, 48%, 0%, 11%

Lighter Shades

#6987E7 #7E98EA #92A8EE #A7B8F1 #BBC9F4 #CFD9F7

Darker Shades

#4B69C9 #415AAD #364C92 #2C3E77 #22305B #182140

Complementary Palette

#4966C4 #5577E4 #C4A747 #E4C253 #E8CB6B #6D8AE8

Analogous Palette

#62A4BC #67B4D0 #5070D6 #5577E4 #8367D0 #8C73D4

Triadic Palette

#4B69C9 #5577E4 #EE4970 #F05F81 #70EE49 #63D140

Split Complementary Palette

#4D6BCD #5577E4 #E47A53 #E78764 #BDE453 #AACD4B

Square Palette

#4764C0 #5577E4 #DA5DB9 #DABD5D #53E47A #6FE88F

Tetradic Palette

#4662BB #5577E4 #CC41F6 #E4C253 #6BF641 #86F863

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5577E4 contains 85 red, 119 green, and 228 blue.

Contrast Ratio: 4.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.18:1