#5470A9 Color

Color Information

HEX#5470A9
RGB84, 112, 169
HSL220° , 34% , 50%
HSV220° , 50% , 66%
CMYK50%, 34%, 0%, 34%

Lighter Shades

#6981B3 #7D92BE #92A3C8 #A6B5D2 #BBC6DD #CFD7E7

Darker Shades

#4A6395 #405580 #36486C #2C3A58 #222D44 #181F2F

Complementary Palette

#486091 #5470A9 #937A48 #AB8E54 #B79E6C #6C84B5

Analogous Palette

#648187 #6C8C93 #4F699F #5470A9 #736C93 #7E789B

Triadic Palette

#4A6395 #5470A9 #B8476D #C15D7F #6DB847 #60A23E

Split Complementary Palette

#4C6598 #5470A9 #AB6354 #B37365 #9CAB54 #8C9A4C

Square Palette

#475E8E #5470A9 #9E6194 #9E8A61 #54AB63 #6FB87C

Tetradic Palette

#455C8B #5470A9 #963DC2 #AB8E54 #69C23D #84CD60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5470A9 contains 84 red, 112 green, and 169 blue.

Contrast Ratio: 4.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.29:1