#5478B3 Color

Color Information

HEX#5478B3
RGB84, 120, 179
HSL217° , 38% , 52%
HSV217° , 53% , 70%
CMYK53%, 33%, 0%, 30%

Lighter Shades

#6988BC #7D98C5 #92A9CE #A6B9D7 #BBC9E1 #CFD9EA

Darker Shades

#4A6A9E #405B88 #364D73 #2C3E5D #223048 #182232

Complementary Palette

#48679A #5478B3 #9A7B4A #B38F56 #BE9F6E #6C8BBE

Analogous Palette

#68888D #6F959B #4F71A8 #5478B3 #746F9B #7F7BA3

Triadic Palette

#4A6A9E #5478B3 #BF4A77 #C76087 #77BF4A #69A841

Split Complementary Palette

#4C6CA1 #5478B3 #B36156 #BB7167 #A8B356 #97A14D

Square Palette

#476596 #5478B3 #A7629F #A78D62 #56B361 #71BF7A

Tetradic Palette

#456293 #5478B3 #9540C9 #B38F56 #75C940 #8ED362

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5478B3 contains 84 red, 120 green, and 179 blue.

Contrast Ratio: 4.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.76:1