#557BEC Color

Color Information

HEX	#557BEC
RGB	85, 123, 236
HSL	225° , 80% , 63%
HSV	225° , 64% , 93%
CMYK	64%, 48%, 0%, 7%

Lighter Shades

#698BEE #7E9BF1 #92ABF3 #A7BAF5 #BBCAF7 #CFDAFA

Darker Shades

#4B6CD0 #415DB3 #364F97 #2C407B #22315E #182242

Complementary Palette

#496ACB #557BEC #CBAA49 #ECC655 #EFCE6D #6D8DEF

Analogous Palette

#64ACC4 #68BDD9 #5074DE #557BEC #8468D9 #8E74DC

Triadic Palette

#4B6CD0 #557BEC #F64C76 #F76186 #76F64C #68D843

Split Complementary Palette

#4D6FD4 #557BEC #EC7B55 #EE8866 #C6EC55 #B2D44D

Square Palette

#4767C6 #557BEC #E35FC2 #E3C25F #55EC7B #70EF90

Tetradic Palette

#4665C2 #557BEC #CF44FD #ECC655 #72FD44 #8BFD66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #557BEC contains 85 red, 123 green, and 236 blue.

Contrast Ratio: 3.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.47:1