#558EF1 Color

Color Information

HEX	#558EF1
RGB	85, 142, 241
HSL	218° , 85% , 64%
HSV	218° , 65% , 95%
CMYK	65%, 41%, 0%, 5%

Lighter Shades

#699CF3 #7EA9F4 #92B7F6 #A7C4F8 #BBD2F9 #CFDFFB

Darker Shades

#4B7DD4 #416CB7 #365B9A #2C4A7D #223960 #182843

Complementary Palette

#497ACF #558EF1 #CF9E49 #F1B855 #F3C26D #6D9EF3

Analogous Palette

#63BCCA #68CFDF #5085E3 #558EF1 #7768DF #8374E2

Triadic Palette

#4B7DD4 #558EF1 #FA4C8C #FB619A #8CFA4C #7BDC43

Split Complementary Palette

#4D80D9 #558EF1 #F16A55 #F27966 #DCF155 #C6D94D

Square Palette

#4777CA #558EF1 #E85ED6 #E8B65E #55F16A #70F382

Tetradic Palette

#4674C6 #558EF1 #BC47FF #F1B855 #8BFF47 #A0FF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558EF1 contains 85 red, 142 green, and 241 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