#5BA4BB Color

Color Information

HEX#5BA4BB
RGB91, 164, 187
HSL194° , 41% , 55%
HSV194° , 51% , 73%
CMYK51%, 12%, 0%, 27%

Lighter Shades

#6FAFC3 #82BACB #96C5D3 #AAD0DC #BDDBE4 #D1E6EC

Darker Shades

#5090A5 #457D8E #3A6978 #2F5561 #24424B #192E34

Complementary Palette

#4E8DA1 #5BA4BB #A16350 #BB735D #C58774 #72B1C5

Analogous Palette

#6F958B #74A497 #569AB0 #5BA4BB #7481A4 #7D89AA

Triadic Palette

#5090A5 #5BA4BB #C752AB #CE67B5 #ABC752 #96AF48

Split Complementary Palette

#5294A8 #5BA4BB #BB5D76 #C26D84 #BBA25D #A89254

Square Palette

#4C8A9D #5BA4BB #9D69B0 #B07969 #76BB5D #8CC677

Tetradic Palette

#4B8699 #5BA4BB #6849D0 #BB735D #B0D049 #BED86A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BA4BB contains 91 red, 164 green, and 187 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.59:1