#5476BF Color

Color Information

HEX#5476BF
RGB84, 118, 191
HSL221° , 46% , 54%
HSV221° , 56% , 75%
CMYK56%, 38%, 0%, 25%

Lighter Shades

#6986C7 #7D97CE #92A7D6 #A6B8DE #BBC8E5 #CFD9ED

Darker Shades

#4A68A8 #405A91 #364C7A #2C3D63 #222F4C #182135

Complementary Palette

#4865A4 #5476BF #A58748 #C09D54 #C9AB6C #6C89C8

Analogous Palette

#678F98 #6B9DA8 #4F6FB4 #5476BF #766BA8 #8278B0

Triadic Palette

#4A68A8 #5476BF #CB4872 #D15E83 #72CB48 #64B33F

Split Complementary Palette

#4C6AAC #5476BF #C06854 #C67765 #ACC054 #9BAD4C

Square Palette

#4763A0 #5476BF #B45FA4 #B4995F #54C068 #6FCA80

Tetradic Palette

#45619D #5476BF #A53FD5 #C09D54 #6ED53F #88DD62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5476BF contains 84 red, 118 green, and 191 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