#5B6AC2 Color

Color Information

HEX#5B6AC2
RGB91, 106, 194
HSL231° , 46% , 56%
HSV231° , 53% , 76%
CMYK53%, 45%, 0%, 24%

Lighter Shades

#6F7CC9 #828ED1 #96A0D8 #AAB2DF #BDC3E7 #D1D5EE

Darker Shades

#505DAB #455193 #3A447C #2F3765 #242A4E #191E36

Complementary Palette

#4E5BA7 #5B6AC2 #A79A4E #C2B35B #CBBE72 #727FCB

Analogous Palette

#6C8999 #7298AC #5664B6 #5B6AC2 #8672AC #8E7BB2

Triadic Palette

#505DAB #5B6AC2 #CE5063 #D46576 #63CE50 #57B546

Split Complementary Palette

#525FAF #5B6AC2 #C27F5B #C88C6B #9EC25B #8EAF52

Square Palette

#4C59A3 #5B6AC2 #B7669B #B7AB66 #5BC27F #75CC93

Tetradic Palette

#4B579F #5B6AC2 #C147D7 #C2B35B #5DD747 #7ADE68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B6AC2 contains 91 red, 106 green, and 194 blue.

Contrast Ratio: 4.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.31:1