#5B8C9A Color

Color Information

HEX#5B8C9A
RGB91, 140, 154
HSL193° , 26% , 48%
HSV193° , 41% , 60%
CMYK41%, 9%, 0%, 40%

Lighter Shades

#6F9AA6 #82A8B2 #96B5BE #AAC3CA #BDD1D7 #D1DFE3

Darker Shades

#507B88 #456A75 #3A5A63 #2F4950 #24383E #19272B

Complementary Palette

#4E7884 #5B8C9A #84594E #9A685B #A87D72 #729CA8

Analogous Palette

#5F8177 #688D82 #568491 #5B8C9A #68728D #727D97

Triadic Palette

#507B88 #5B8C9A #A64E93 #B163A0 #93A64E #819245

Split Complementary Palette

#527E8B #5B8C9A #9A5B6D #A46B7C #9A885B #8B7A52

Square Palette

#4C7681 #5B8C9A #83678E #8E6F67 #6D9A5B #84AA75

Tetradic Palette

#4B737E #5B8C9A #5A45B0 #9A685B #99B045 #ABBE66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B8C9A contains 91 red, 140 green, and 154 blue.

Contrast Ratio: 3.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.74:1