#5AA0A0 Color

Color Information

HEX	#5AA0A0
RGB	90, 160, 160
HSL	180° , 28% , 49%
HSV	180° , 44% , 63%
CMYK	44%, 0%, 0%, 37%

Lighter Shades

#6EABAB #82B7B7 #95C2C2 #A9CECE #BDD9D9 #D1E4E4

Darker Shades

#4F8D8D #447A7A #3A6666 #2F5353 #244040 #192D2D

Complementary Palette

#4D8A8A #5AA0A0 #8A4D4D #A05A5A #AD7171 #71ADAD

Analogous Palette

#628473 #6A907D #559696 #5AA0A0 #6A7D90 #758799

Triadic Palette

#4F8D8D #5AA0A0 #AC4DAC #B662B6 #ACAC4D #979744

Split Complementary Palette

#519090 #5AA0A0 #A05A7D #AA6B8A #A07D5A #907151

Square Palette

#4C8686 #5AA0A0 #7D6693 #936666 #7DA05A #92AF74

Tetradic Palette

#4A8383 #5AA0A0 #4343B6 #A05A5A #B6B643 #C3C365

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA0A0 contains 90 red, 160 green, and 160 blue.

Contrast Ratio: 2.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.08:1