#5ABA96 Color

Color Information

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

Lighter Shades

#6EC2A3 #82CBAF #95D3BC #A9DBC8 #BDE3D5 #D1ECE2

Darker Shades

#4FA484 #448D72 #3A7760 #2F614E #244A3C #19342A

Complementary Palette

#4DA081 #5ABA96 #A04D6C #BA5A7D #C4718F #71C4A5

Analogous Palette

#6C9371 #71A278 #55AF8D #5ABA96 #719CA2 #7DA4AA

Triadic Palette

#4FA484 #5ABA96 #9A4EC6 #A663CD #C69A4E #AE8845

Split Complementary Palette

#51A787 #5ABA96 #BA5AAD #C16BB5 #BA665A #A75C51

Square Palette

#4C9C7E #5ABA96 #6F65AE #AE6580 #ADBA5A #BAC574

Tetradic Palette

#4A997B #5ABA96 #4477CF #BA5A7D #CF9C44 #D8AE66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5ABA96 contains 90 red, 186 green, and 150 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.02:1