#5AA19E Color

Color Information

HEX#5AA19E
RGB90, 161, 158
HSL177° , 28% , 49%
HSV177° , 44% , 63%
CMYK44%, 0%, 2%, 37%

Lighter Shades

#6EACAA #82B8B5 #95C3C1 #A9CECD #BDD9D8 #D1E5E4

Darker Shades

#4F8E8B #447A78 #3A6765 #2F5452 #24403F #192D2C

Complementary Palette

#4D8A88 #5AA19E #8A4D50 #A05A5D #AD7174 #71AEAC

Analogous Palette

#628470 #6A907B #559795 #5AA19E #6A7F90 #758899

Triadic Palette

#4F8E8B #5AA19E #A84DAC #B262B6 #ACA84D #979444

Split Complementary Palette

#51918E #5AA19E #A05A80 #AA6B8D #A0795A #906D51

Square Palette

#4C8785 #5AA19E #7B6693 #936669 #80A05A #94AF74

Tetradic Palette

#4A8482 #5AA19E #4349B6 #A05A5D #B6B143 #C3BF65

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA19E contains 90 red, 161 green, and 158 blue.

Contrast Ratio: 2.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.13:1