#5ABA97 Color

Color Information

HEX#5ABA97
RGB90, 186, 151
HSL158° , 41% , 54%
HSV158° , 52% , 73%
CMYK52%, 0%, 19%, 27%

Lighter Shades

#6EC2A3 #82CBB0 #95D3BC #A9DBC9 #BDE3D5 #D1ECE2

Darker Shades

#4FA485 #448D73 #3A7761 #2F614F #244A3C #19342A

Complementary Palette

#4DA082 #5ABA97 #A04D6C #BA5A7D #C4718F #71C4A6

Analogous Palette

#6C9371 #71A278 #55AF8E #5ABA97 #719CA2 #7DA4AA

Triadic Palette

#4FA485 #5ABA97 #9A4EC6 #A663CD #C69A4E #AE8845

Split Complementary Palette

#51A788 #5ABA97 #BA5AAD #C16BB5 #BA665A #A75C51

Square Palette

#4C9C7F #5ABA97 #6F65AE #AE6580 #ADBA5A #BAC574

Tetradic Palette

#4A997C #5ABA97 #4477CF #BA5A7D #CF9C44 #D8AE66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5ABA97 contains 90 red, 186 green, and 151 blue.

Contrast Ratio: 2.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.03:1