#5770A4 Color

Color Information

HEX#5770A4
RGB87, 112, 164
HSL221° , 31% , 49%
HSV221° , 47% , 64%
CMYK47%, 32%, 0%, 36%

Lighter Shades

#6B81AF #7F92BA #93A3C5 #A8B5D0 #BCC6DB #D0D7E6

Darker Shades

#4D6390 #42557D #384869 #2D3A55 #232D42 #181F2E

Complementary Palette

#4B608D #5770A4 #8D784A #A48B56 #B19B6E #6F84B1

Analogous Palette

#627D84 #6A8890 #52699A #5770A4 #716A90 #7B7599

Triadic Palette

#4D6390 #5770A4 #B04A6A #B9607C #6AB04A #5D9B41

Split Complementary Palette

#4E6594 #5770A4 #A46456 #AD7467 #95A456 #86944D

Square Palette

#495E8A #5770A4 #97638D #978763 #56A464 #71B37D

Tetradic Palette

#475C86 #5770A4 #9340BA #A48B56 #67BA40 #82C662

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5770A4 contains 87 red, 112 green, and 164 blue.

Contrast Ratio: 4.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.29:1