#556EEC Color

Color Information

HEX	#556EEC
RGB	85, 110, 236
HSL	230° , 80% , 63%
HSV	230° , 64% , 93%
CMYK	64%, 53%, 0%, 7%

Lighter Shades

#697FEE #7E91F1 #92A2F3 #A7B4F5 #BBC5F7 #CFD6FA

Darker Shades

#4B61D0 #4154B3 #364697 #2C397B #222C5E #181F42

Complementary Palette

#495FCB #556EEC #CBB549 #ECD355 #EFD96D #6D82EF

Analogous Palette

#64A4C4 #68B4D9 #5067DE #556EEC #8E68D9 #9774DC

Triadic Palette

#4B61D0 #556EEC #F64C68 #F7617A #68F64C #5CD843

Split Complementary Palette

#4D63D4 #556EEC #EC8755 #EE9366 #BAEC55 #A7D44D

Square Palette

#475CC6 #556EEC #E35FB7 #E3CD5F #55EC87 #70EF9A

Tetradic Palette

#465AC2 #556EEC #DE44FD #ECD355 #63FD44 #7FFD66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #556EEC contains 85 red, 110 green, and 236 blue.

Contrast Ratio: 4.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.85:1