#5584B2 Color

Color Information

HEX#5584B2
RGB85, 132, 178
HSL210° , 38% , 52%
HSV210° , 52% , 70%
CMYK52%, 26%, 0%, 30%

Lighter Shades

#6993BB #7EA2C4 #92B0CE #A7BFD7 #BBCEE0 #CFDDE9

Darker Shades

#4B749D #416487 #365472 #2C455D #223547 #182532

Complementary Palette

#497299 #5584B2 #9A724A #B38556 #BE966E #6D95BD

Analogous Palette

#688D8D #6F9B9B #507CA7 #5584B2 #6F6F9B #7B7BA3

Triadic Palette

#4B749D #5584B2 #BF4A85 #C76094 #85BF4A #75A841

Split Complementary Palette

#4D77A0 #5584B2 #B35656 #BB6767 #B3B356 #A1A14D

Square Palette

#476F96 #5584B2 #A762A7 #A78562 #56B356 #71BF71

Tetradic Palette

#466C92 #5584B2 #8540C9 #B38556 #85C940 #9BD362

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5584B2 contains 85 red, 132 green, and 178 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.39:1