#5AB297 Color

Color Information

HEX#5AB297
RGB90, 178, 151
HSL162° , 36% , 53%
HSV162° , 49% , 70%
CMYK49%, 0%, 15%, 30%

Lighter Shades

#6EBBA3 #82C4B0 #95CEBC #A9D7C9 #BDE0D5 #D1E9E2

Darker Shades

#4F9D85 #448773 #3A7261 #2F5D4F #24473C #19322A

Complementary Palette

#4D9982 #5AB297 #994F65 #B25C76 #BD7389 #71BDA6

Analogous Palette

#6A9071 #749A7C #55A78E #5AB297 #74939A #809CA3

Triadic Palette

#4F9D85 #5AB297 #9D50BE #A965C6 #BE9D50 #A78A46

Split Complementary Palette

#51A088 #5AB297 #B25CA1 #BA6CAA #B26D5C #A06253

Square Palette

#4C967F #5AB297 #7468A6 #A6687B #A1B25C #B0BE76

Tetradic Palette

#4A927C #5AB297 #466DC8 #B25C76 #C8A146 #D2B267

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AB297 contains 90 red, 178 green, and 151 blue.

Contrast Ratio: 2.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.37:1