#5AA8AF Color

Color Information

HEX	#5AA8AF
RGB	90, 168, 175
HSL	185° , 35% , 52%
HSV	185° , 49% , 69%
CMYK	49%, 4%, 0%, 31%

Lighter Shades

#6EB2B9 #82BDC2 #95C7CC #A9D2D5 #BDDCDF #D1E7E9

Darker Shades

#4F949A #448085 #3A6C70 #2F575B #244346 #192F31

Complementary Palette

#4D9097 #5AA8AF #97534D #AF615A #BA7771 #71B4BA

Analogous Palette

#688D7D #729788 #559EA5 #5AA8AF #728297 #7E8CA0

Triadic Palette

#4F949A #5AA8AF #BC4EB3 #C463BC #B3BC4E #9EA545

Split Complementary Palette

#51979E #5AA8AF #AF5A7D #B76B8A #AF8C5A #9E7E51

Square Palette

#4C8D93 #5AA8AF #8A66A3 #A36B66 #7DAF5A #92BC74

Tetradic Palette

#4A8A90 #5AA8AF #4F44C5 #AF615A #BBC544 #C7CF66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA8AF contains 90 red, 168 green, and 175 blue.

Contrast Ratio: 2.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.77:1