#5472B3 Color

Color Information

HEX#5472B3
RGB84, 114, 179
HSL221° , 38% , 52%
HSV221° , 53% , 70%
CMYK53%, 36%, 0%, 30%

Lighter Shades

#6983BC #7D94C5 #92A5CE #A6B6D7 #BBC7E1 #CFD8EA

Darker Shades

#4A649E #405788 #364973 #2C3B5D #222E48 #182032

Complementary Palette

#48629A #5472B3 #9A814A #B39656 #BEA56E #6C86BE

Analogous Palette

#68868D #6F939B #4F6BA8 #5472B3 #776F9B #827BA3

Triadic Palette

#4A649E #5472B3 #BF4A6F #C76080 #6FBF4A #62A841

Split Complementary Palette

#4C67A1 #5472B3 #B36756 #BB7667 #A2B356 #92A14D

Square Palette

#476096 #5472B3 #A7629A #A79162 #56B367 #71BF7F

Tetradic Palette

#455D93 #5472B3 #9E40C9 #B39656 #6BC940 #86D362

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5472B3 contains 84 red, 114 green, and 179 blue.

Contrast Ratio: 4.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.47:1