#5AA7B5 Color

Color Information

HEX#5AA7B5
RGB90, 167, 181
HSL189° , 38% , 53%
HSV189° , 50% , 71%
CMYK50%, 8%, 0%, 29%

Lighter Shades

#6EB2BE #82BCC7 #95C7D0 #A9D1D9 #BDDCE1 #D1E6EA

Darker Shades

#4F939F #447F8A #3A6B74 #2F575E #244348 #192F33

Complementary Palette

#4D909C #5AA7B5 #9C594D #B5675A #BF7C71 #71B3BF

Analogous Palette

#6A9083 #729D8E #559DAA #5AA7B5 #72809D #7E8BA5

Triadic Palette

#4F939F #5AA7B5 #C14EAF #C863B9 #AFC14E #9AAA45

Split Complementary Palette

#5196A3 #5AA7B5 #B55A79 #BC6B86 #B5955A #A38651

Square Palette

#4C8C98 #5AA7B5 #9166A9 #A97066 #79B55A #8EC174

Tetradic Palette

#4A8994 #5AA7B5 #5844CA #B5675A #B6CA44 #C3D466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA7B5 contains 90 red, 167 green, and 181 blue.

Contrast Ratio: 2.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.75:1