#5B84C0 Color

Color Information

HEX#5B84C0
RGB91, 132, 192
HSL216° , 44% , 55%
HSV216° , 53% , 75%
CMYK53%, 31%, 0%, 25%

Lighter Shades

#6F93C8 #82A2CF #96B0D7 #AABFDE #BDCEE6 #D1DDED

Darker Shades

#5074A9 #456492 #3A547B #2F4564 #24354D #192536

Complementary Palette

#4E72A5 #5B84C0 #A4814D #BF965A #C8A571 #7295C9

Analogous Palette

#6D9397 #71A2A8 #567CB4 #5B84C0 #7671A8 #827DB0

Triadic Palette

#5074A9 #5B84C0 #CA4E80 #D0638F #80CA4E #71B245

Split Complementary Palette

#5277AD #5B84C0 #BF645A #C5746B #B5BF5A #A3AC51

Square Palette

#4C6FA1 #5B84C0 #B365AB #B39465 #5ABF64 #74C97D

Tetradic Palette

#4B6C9D #5B84C0 #9A45D3 #BF965A #7ED345 #95DB66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B84C0 contains 91 red, 132 green, and 192 blue.

Contrast Ratio: 3.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.57:1