#557DEE Color

Color Information

HEX	#557DEE
RGB	85, 125, 238
HSL	224° , 82% , 63%
HSV	224° , 64% , 93%
CMYK	64%, 47%, 0%, 7%

Lighter Shades

#698DF0 #7E9CF2 #92ACF4 #A7BBF6 #BBCBF8 #CFDBFA

Darker Shades

#4B6ED1 #415FB5 #365098 #2C417C #22325F #182343

Complementary Palette

#496CCD #557DEE #CDA947 #EEC553 #F0CD6B #6D8FF0

Analogous Palette

#62AFC6 #66C0DB #5076E0 #557DEE #8166DB #8C73DE

Triadic Palette

#4B6ED1 #557DEE #F74A78 #F86088 #78F74A #6AD941

Split Complementary Palette

#4D71D6 #557DEE #EE7753 #F08564 #CAEE53 #B6D64B

Square Palette

#4769C8 #557DEE #E55DC5 #E5C05D #53EE77 #6FF18D

Tetradic Palette

#4667C3 #557DEE #CD42FF #EEC553 #75FF42 #8EFF64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #557DEE contains 85 red, 125 green, and 238 blue.

Contrast Ratio: 3.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.6:1