#5474BB Color

Color Information

HEX#5474BB
RGB84, 116, 187
HSL221° , 43% , 53%
HSV221° , 55% , 73%
CMYK55%, 38%, 0%, 27%

Lighter Shades

#6985C3 #7D95CB #92A6D3 #A6B7DC #BBC7E4 #CFD8EC

Darker Shades

#4A66A5 #40588E #364A78 #2C3C61 #222E4B #182034

Complementary Palette

#4864A1 #5474BB #A18448 #BB9A54 #C5A86C #6C87C5

Analogous Palette

#668B93 #6C99A3 #4F6DB0 #5474BB #766CA3 #8178AB

Triadic Palette

#4A66A5 #5474BB #C74870 #CE5E81 #70C748 #63AF3F

Split Complementary Palette

#4C68A8 #5474BB #BB6754 #C27665 #A8BB54 #97A84C

Square Palette

#47619D #5474BB #AF60A0 #AF9660 #54BB67 #6FC67F

Tetradic Palette

#455F99 #5474BB #A23ED0 #BB9A54 #6CD03E #86D861

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5474BB contains 84 red, 116 green, and 187 blue.

Contrast Ratio: 4.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.63:1