#5B80A1 Color

Color Information

HEX#5B80A1
RGB91, 128, 161
HSL208° , 28% , 49%
HSV208° , 43% , 63%
CMYK43%, 20%, 0%, 37%

Lighter Shades

#6F8FAC #829EB8 #96AEC3 #AABDCE #BDCCD9 #D1DBE5

Darker Shades

#50718E #45617A #3A5267 #2F4354 #243340 #19242D

Complementary Palette

#4E6E8A #5B80A1 #8A6A4D #A07B5A #AD8D71 #7292AE

Analogous Palette

#628483 #6A908E #567897 #5B80A1 #6A6B90 #757699

Triadic Palette

#50718E #5B80A1 #AC4D80 #B6628F #80AC4D #719744

Split Complementary Palette

#527391 #5B80A1 #A05A5C #AA6B6C #A09E5A #908E51

Square Palette

#4C6C87 #5B80A1 #926693 #937B66 #5CA05A #76AF74

Tetradic Palette

#4B6984 #5B80A1 #7943B6 #A07B5A #81B643 #98C365

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B80A1 contains 91 red, 128 green, and 161 blue.

Contrast Ratio: 4.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.11:1