#5AADA5 Color

Color Information

HEX#5AADA5
RGB90, 173, 165
HSL174° , 34% , 52%
HSV174° , 48% , 68%
CMYK48%, 0%, 5%, 32%

Lighter Shades

#6EB7B0 #82C1BB #95CBC5 #A9D4D0 #BDDEDB #D1E8E6

Darker Shades

#4F9891 #44837D #3A6F6A #2F5A56 #244542 #19302E

Complementary Palette

#4D958E #5AADA5 #964E55 #AE5B63 #B97279 #71B8B2

Analogous Palette

#688D77 #729781 #55A39B #5AADA5 #728897 #7E92A0

Triadic Palette

#4F9891 #5AADA5 #B04FBA #B964C2 #BAB04F #A49B46

Split Complementary Palette

#519C95 #5AADA5 #AE5B8D #B66B98 #AE7C5B #9D7052

Square Palette

#4C918B #5AADA5 #7F67A2 #A2676D #8DAE5B #9FBB75

Tetradic Palette

#4A8E87 #5AADA5 #4552C4 #AE5B63 #C4B845 #CFC566

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AADA5 contains 90 red, 173 green, and 165 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.08:1