#556EE2 Color

Color Information

HEX#556EE2
RGB85, 110, 226
HSL229° , 71% , 61%
HSV229° , 62% , 89%
CMYK62%, 51%, 0%, 11%

Lighter Shades

#697FE5 #7E91E9 #92A2EC #A7B4F0 #BBC5F3 #CFD6F7

Darker Shades

#4B61C7 #4154AC #364691 #2C3976 #222C5A #181F3F

Complementary Palette

#495FC2 #556EE2 #C2AC49 #E2C855 #E6D06D #6D82E6

Analogous Palette

#649EB9 #69AECE #5067D4 #556EE2 #8969CE #9275D1

Triadic Palette

#4B61C7 #556EE2 #EC4B69 #EE617B #69EC4B #5CD042

Split Complementary Palette

#4D63CB #556EE2 #E28255 #E58F66 #B5E255 #A3CB4D

Square Palette

#475CBE #556EE2 #D85FB2 #D8C25F #55E282 #70E796

Tetradic Palette

#465AB9 #556EE2 #D443F4 #E2C855 #63F443 #7FF665

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #556EE2 contains 85 red, 110 green, and 226 blue.

Contrast Ratio: 4.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.74:1