#5AA3AA Color

Color Information

HEX	#5AA3AA
RGB	90, 163, 170
HSL	185° , 32% , 51%
HSV	185° , 47% , 67%
CMYK	47%, 4%, 0%, 33%

Lighter Shades

#6EAEB4 #82B9BE #95C4C9 #A9CFD3 #BDDADD #D1E5E7

Darker Shades

#4F8F96 #447C81 #3A686D #2F5558 #244144 #192E30

Complementary Palette

#4D8C92 #5AA3AA #92534D #AA615A #B67771 #71B0B6

Analogous Palette

#668A7B #6F9585 #5599A0 #5AA3AA #6F7F95 #7B899D

Triadic Palette

#4F8F96 #5AA3AA #B74EAE #C063B8 #AEB74E #99A145

Split Complementary Palette

#519399 #5AA3AA #AA5A7B #B36B88 #AA895A #997B51

Square Palette

#4C898F #5AA3AA #87679E #9E6B67 #7BAA5A #90B874

Tetradic Palette

#4A868B #5AA3AA #4E44C1 #AA615A #B6C144 #C3CC66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA3AA contains 90 red, 163 green, and 170 blue.

Contrast Ratio: 2.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.37:1