#557AAA Color

Color Information

HEX#557AAA
RGB85, 122, 170
HSL214° , 33% , 50%
HSV214° , 50% , 67%
CMYK50%, 28%, 0%, 33%

Lighter Shades

#698AB4 #7E9ABE #92AAC9 #A7BAD3 #BBCADD #CFDAE7

Darker Shades

#4B6B96 #415D81 #364E6D #2C3F58 #223144 #182230

Complementary Palette

#496992 #557AAA #927249 #AA8555 #B6966D #6D8DB6

Analogous Palette

#648587 #6C9093 #5073A0 #557AAA #6F6C93 #7A789B

Triadic Palette

#4B6B96 #557AAA #B64978 #BF5F88 #78B649 #6AA040

Split Complementary Palette

#4D6E99 #557AAA #AA5B55 #B36B66 #A4AA55 #94994D

Square Palette

#47668F #557AAA #9D6299 #9D8362 #55AA5B #70B875

Tetradic Palette

#46648B #557AAA #883EC1 #AA8555 #77C13E #8FCC61

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #557AAA contains 85 red, 122 green, and 170 blue.

Contrast Ratio: 4.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.8:1