#5569A5 Color

Color Information

HEX#5569A5
RGB85, 105, 165
HSL225° , 32% , 49%
HSV225° , 48% , 65%
CMYK48%, 36%, 0%, 35%

Lighter Shades

#697BB0 #7E8DBB #929FC5 #A7B1D0 #BBC3DB #CFD5E6

Darker Shades

#4B5C91 #41507D #36436A #2C3756 #222A42 #181D2E

Complementary Palette

#495A8E #5569A5 #8E7D49 #A59155 #B2A06D #6D7EB2

Analogous Palette

#627B84 #6A8690 #50639B #5569A5 #746A90 #7E7599

Triadic Palette

#4B5C91 #5569A5 #B14863 #BA5E76 #63B148 #579C3F

Split Complementary Palette

#4D5F95 #5569A5 #A56955 #AE7866 #91A555 #83954D

Square Palette

#47588B #5569A5 #98618B #988B61 #55A569 #70B381

Tetradic Palette

#465687 #5569A5 #9C3EBB #A59155 #5EBB3E #7BC761

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5569A5 contains 85 red, 105 green, and 165 blue.

Contrast Ratio: 5.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.96:1