#5B70A9 Color

Color Information

HEX	#5B70A9
RGB	91, 112, 169
HSL	224° , 31% , 51%
HSV	224° , 46% , 66%
CMYK	46%, 34%, 0%, 34%

Lighter Shades

#6F81B3 #8292BE #96A3C8 #AAB5D2 #BDC6DD #D1D7E7

Darker Shades

#506395 #455580 #3A486C #2F3A58 #242D44 #191F2F

Complementary Palette

#4E6091 #5B70A9 #917F4E #A9945B #B5A372 #7284B5

Analogous Palette

#66818A #6F8C95 #56699F #5B70A9 #786F95 #837B9D

Triadic Palette

#506395 #5B70A9 #B54F6A #BE647C #6AB54F #5D9F46

Split Complementary Palette

#526598 #5B70A9 #A96D5B #B27C6B #97A95B #889852

Square Palette

#4C5E8E #5B70A9 #9C6890 #9C8E68 #5BA96D #75B784

Tetradic Palette

#4B5C8B #5B70A9 #9F45BF #A9945B #65BF45 #81CB66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B70A9 contains 91 red, 112 green, and 169 blue.

Contrast Ratio: 4.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.37:1