#5577E6 Color

Color Information

HEX#5577E6
RGB85, 119, 230
HSL226° , 74% , 62%
HSV226° , 63% , 90%
CMYK63%, 48%, 0%, 10%

Lighter Shades

#6987E9 #7E98EC #92A8EF #A7B8F2 #BBC9F5 #CFD9F8

Darker Shades

#4B69CA #415AAF #364C93 #2C3E78 #22305C #182140

Complementary Palette

#4966C6 #5577E6 #C6A94A #E6C456 #EACC6E #6D8AEA

Analogous Palette

#64A6BE #6AB7D2 #5070D8 #5577E6 #866AD2 #8F76D6

Triadic Palette

#4B69CA #5577E6 #EF4D73 #F16284 #73EF4D #65D244

Split Complementary Palette

#4D6BCF #5577E6 #E67D56 #E98A67 #C0E656 #ADCF4D

Square Palette

#4764C1 #5577E6 #DC60BB #DCBF60 #56E67D #71EA92

Tetradic Palette

#4662BD #5577E6 #CE45F7 #E6C456 #6FF745 #89F866

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5577E6 contains 85 red, 119 green, and 230 blue.

Contrast Ratio: 4.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.2:1