#557DBD Color

Color Information

HEX	#557DBD
RGB	85, 125, 189
HSL	217° , 44% , 54%
HSV	217° , 55% , 74%
CMYK	55%, 34%, 0%, 26%

Lighter Shades

#698DC5 #7E9CCD #92ACD5 #A7BBDD #BBCBE5 #CFDBED

Darker Shades

#4B6EA6 #415F90 #365079 #2C4162 #22324C #182335

Complementary Palette

#496CA3 #557DBD #A3814A #BD9656 #C6A56E #6D8FC6

Analogous Palette

#699196 #6E9FA6 #5076B2 #557DBD #746EA6 #807AAE

Triadic Palette

#4B6EA6 #557DBD #C94A7B #CF608B #7BC94A #6CB141

Split Complementary Palette

#4D71AA #557DBD #BD6256 #C47267 #B1BD56 #9FAA4D

Square Palette

#47699F #557DBD #B262A8 #B29362 #56BD62 #71C87B

Tetradic Palette

#46679B #557DBD #9B41D2 #BD9656 #79D241 #91DA63

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #557DBD contains 85 red, 125 green, and 189 blue.

Contrast Ratio: 4.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.11:1