#5B80BC Color

Color Information

HEX	#5B80BC
RGB	91, 128, 188
HSL	217° , 42% , 55%
HSV	217° , 52% , 74%
CMYK	52%, 32%, 0%, 26%

Lighter Shades

#6F8FC4 #829ECC #96AED4 #AABDDC #BDCCE4 #D1DBEC

Darker Shades

#5071A5 #45618F #3A5278 #2F4362 #24334B #192435

Complementary Palette

#4E6EA2 #5B80BC #A2824F #BC975C #C5A673 #7292C5

Analogous Palette

#6F9095 #73A0A5 #5678B1 #5B80BC #7973A5 #827CAB

Triadic Palette

#5071A5 #5B80BC #C8517E #CF668D #7EC851 #6FB047

Split Complementary Palette

#5273A9 #5B80BC #BC675C #C3766C #B1BC5C #9FA953

Square Palette

#4C6C9E #5B80BC #B168A8 #B19568 #5CBC67 #76C77F

Tetradic Palette

#4B699A #5B80BC #9C47D1 #BC975C #7CD147 #94D968

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B80BC contains 91 red, 128 green, and 188 blue.

Contrast Ratio: 3.95:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.32:1