#556FCE Color

Color Information

HEX#556FCE
RGB85, 111, 206
HSL227° , 55% , 57%
HSV227° , 59% , 81%
CMYK59%, 46%, 0%, 19%

Lighter Shades

#6980D4 #7E92DA #92A3E0 #A7B4E6 #BBC5EB #CFD7F1

Darker Shades

#4B62B5 #41549D #364784 #2C3A6B #222C52 #181F3A

Complementary Palette

#495FB1 #556FCE #B19B49 #CEB455 #D5BF6D #6D83D5

Analogous Palette

#6894A6 #6BA2B8 #5068C2 #556FCE #816BB8 #8C79BE

Triadic Palette

#4B62B5 #556FCE #D94A69 #DE607B #69D94A #5CBF41

Split Complementary Palette

#4D64B9 #556FCE #CE7755 #D38566 #ABCE55 #9AB94D

Square Palette

#475DAD #556FCE #C360A7 #C3AD60 #55CE77 #70D68D

Tetradic Palette

#465BA9 #556FCE #BF41E1 #CEB455 #64E141 #80E663

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556FCE contains 85 red, 111 green, and 206 blue.

Contrast Ratio: 4.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.58:1