#557BA4 Color

Color Information

HEX#557BA4
RGB85, 123, 164
HSL211° , 32% , 49%
HSV211° , 48% , 64%
CMYK48%, 25%, 0%, 36%

Lighter Shades

#698BAF #7E9BBA #92ABC5 #A7BAD0 #BBCADB #CFDAE6

Darker Shades

#4B6C90 #415D7D #364F69 #2C4055 #223142 #18222E

Complementary Palette

#496A8D #557BA4 #8E6C49 #A57E55 #B2906D #6D8DB1

Analogous Palette

#628384 #6A8F90 #50749A #557BA4 #6B6A90 #767599

Triadic Palette

#4B6C90 #557BA4 #B1487B #BA5E8B #7BB148 #6C9C3F

Split Complementary Palette

#4D6F94 #557BA4 #A55655 #AE6766 #A4A555 #94954D

Square Palette

#47678A #557BA4 #986198 #987E61 #55A556 #70B371

Tetradic Palette

#466586 #557BA4 #7F3EBB #A57E55 #7BBB3E #93C761

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #557BA4 contains 85 red, 123 green, and 164 blue.

Contrast Ratio: 4.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.8:1