#5A76B5 Color

Color Information

HEX#5A76B5
RGB90, 118, 181
HSL222° , 38% , 53%
HSV222° , 50% , 71%
CMYK50%, 35%, 0%, 29%

Lighter Shades

#6E86BE #8297C7 #95A7D0 #A9B8D9 #BDC8E1 #D1D9EA

Darker Shades

#4F689F #445A8A #3A4C74 #2F3D5E #242F48 #192133

Complementary Palette

#4D659C #5A76B5 #9C844D #B5995A #BFA771 #7189BF

Analogous Palette

#6A8890 #72939D #556FAA #5A76B5 #7A729D #867EA5

Triadic Palette

#4F689F #5A76B5 #C14E70 #C86381 #70C14E #63AA45

Split Complementary Palette

#516AA3 #5A76B5 #B56C5A #BC7B6B #A2B55A #92A351

Square Palette

#4C6398 #5A76B5 #A9669A #A99566 #5AB56C #74C184

Tetradic Palette

#4A6194 #5A76B5 #A244CA #B5995A #6CCA44 #86D466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A76B5 contains 90 red, 118 green, and 181 blue.

Contrast Ratio: 4.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.73:1