#5A96C4 Color

Color Information

HEX#5A96C4
RGB90, 150, 196
HSL206° , 47% , 56%
HSV206° , 54% , 77%
CMYK54%, 23%, 0%, 23%

Lighter Shades

#6EA3CB #82AFD2 #95BCD9 #A9C8E0 #BDD5E7 #D1E2EE

Darker Shades

#4F84AC #447295 #3A607D #2F4E66 #243C4E #192A37

Complementary Palette

#4D81A9 #5A96C4 #A9754D #C4885A #CC9971 #71A5CC

Analogous Palette

#6D9C99 #71ADA9 #558DB8 #5A96C4 #7175AD #7C80B6

Triadic Palette

#4F84AC #5A96C4 #CF4F97 #D564A3 #97CF4F #85B646

Split Complementary Palette

#5187B0 #5A96C4 #C45A61 #CA6B71 #C4BD5A #B0AA51

Square Palette

#4C7EA5 #5A96C4 #B365B8 #B88965 #61C45A #7ACD74

Tetradic Palette

#4A7BA1 #5A96C4 #8546D8 #C4885A #99D846 #ABDF67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A96C4 contains 90 red, 150 green, and 196 blue.

Contrast Ratio: 3.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.69:1