#558FEC Color

Color Information

HEX	#558FEC
RGB	85, 143, 236
HSL	217° , 80% , 63%
HSV	217° , 64% , 93%
CMYK	64%, 39%, 0%, 7%

Lighter Shades

#699CEE #7EAAF1 #92B7F3 #A7C5F5 #BBD2F7 #CFE0FA

Darker Shades

#4B7ED0 #416DB3 #365C97 #2C4A7B #22395E #182842

Complementary Palette

#497BCB #558FEC #CB9949 #ECB255 #EFBD6D #6D9FEF

Analogous Palette

#64B9C4 #68CCD9 #5086DE #558FEC #7568D9 #8074DC

Triadic Palette

#4B7ED0 #558FEC #F64C8D #F7619B #8DF64C #7CD843

Split Complementary Palette

#4D81D4 #558FEC #EC6755 #EE7666 #DBEC55 #C5D44D

Square Palette

#4778C6 #558FEC #E35FD3 #E3B05F #55EC67 #70EF7F

Tetradic Palette

#4675C2 #558FEC #B644FD #ECB255 #8BFD44 #A0FD66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558FEC contains 85 red, 143 green, and 236 blue.

Contrast Ratio: 3.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.6:1