#5AA5B0 Color

Color Information

HEX	#5AA5B0
RGB	90, 165, 176
HSL	188° , 35% , 52%
HSV	188° , 49% , 69%
CMYK	49%, 6%, 0%, 31%

Lighter Shades

#6EB0B9 #82BBC3 #95C5CC #A9D0D6 #BDDBDF #D1E6E9

Darker Shades

#4F919B #447D86 #3A6A71 #2F565C #244246 #192E31

Complementary Palette

#4D8E97 #5AA5B0 #97574D #AF655A #BA7B71 #71B2BB

Analogous Palette

#688D7F #729789 #559BA5 #5AA5B0 #728097 #7E8AA0

Triadic Palette

#4F919B #5AA5B0 #BC4EAD #C463B7 #ADBC4E #98A545

Split Complementary Palette

#51959E #5AA5B0 #AF5A79 #B76B86 #AF905A #9E8251

Square Palette

#4C8B94 #5AA5B0 #8D66A3 #A36E66 #79AF5A #8EBC74

Tetradic Palette

#4A8790 #5AA5B0 #5544C5 #AF655A #B4C544 #C2CF66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA5B0 contains 90 red, 165 green, and 176 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.56:1