#5586AC Color

Color Information

HEX#5586AC
RGB85, 134, 172
HSL206° , 34% , 50%
HSV206° , 51% , 67%
CMYK51%, 22%, 0%, 33%

Lighter Shades

#6995B6 #7EA3C0 #92B2CA #A7C0D4 #BBCFDE #CFDDE8

Darker Shades

#4B7697 #416683 #36566E #2C4659 #223645 #182630

Complementary Palette

#497394 #5586AC #936948 #AB7A54 #B78D6C #6D97B8

Analogous Palette

#648785 #6C9390 #507EA2 #5586AC #6C6F93 #787A9B

Triadic Palette

#4B7697 #5586AC #B84787 #C15D95 #87B847 #77A23E

Split Complementary Palette

#4D799B #5586AC #AB545A #B3656B #ABA554 #9A954C

Square Palette

#477190 #5586AC #9A619E #9E7B61 #5AAB54 #74B86F

Tetradic Palette

#466E8D #5586AC #773DC2 #AB7A54 #88C23D #9DCD60

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5586AC contains 85 red, 134 green, and 172 blue.

Contrast Ratio: 3.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.46:1