#5572D2 Color

Color Information

HEX#5572D2
RGB85, 114, 210
HSL226° , 58% , 58%
HSV226° , 60% , 82%
CMYK60%, 46%, 0%, 18%

Lighter Shades

#6983D7 #7E94DD #92A5E2 #A7B6E8 #BBC7ED #CFD8F2

Darker Shades

#4B64B9 #4157A0 #364986 #2C3B6D #222E54 #18203B

Complementary Palette

#4962B5 #5572D2 #B59C4A #D2B556 #D8BF6E #6D86D8

Analogous Palette

#6697A9 #6BA7BD #506BC5 #5572D2 #816BBD #8D79C3

Triadic Palette

#4B64B9 #5572D2 #DD4B6D #E1617F #6DDD4B #60C242

Split Complementary Palette

#4D67BD #5572D2 #D27756 #D78567 #B1D256 #9FBD4D

Square Palette

#4760B0 #5572D2 #C760AC #C7AF60 #56D277 #71D98D

Tetradic Palette

#465DAC #5572D2 #BF43E5 #D2B556 #68E543 #83EA65

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5572D2 contains 85 red, 114 green, and 210 blue.

Contrast Ratio: 4.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.75:1