#5AA294 Color

Color Information

HEX#5AA294
RGB90, 162, 148
HSL168° , 29% , 49%
HSV168° , 44% , 64%
CMYK44%, 0%, 9%, 36%

Lighter Shades

#6EADA1 #82B8AE #95C3BB #A9CFC7 #BDDAD4 #D1E5E1

Darker Shades

#4F8F82 #447B70 #3A685F #2F544D #24413B #192D29

Complementary Palette

#4D8B7F #5AA294 #8A4D59 #A15967 #AE707C #71AFA3

Analogous Palette

#62846B #6A9075 #55988B #5AA294 #6A8490 #758E99

Triadic Palette

#4F8F82 #5AA294 #9A4CAE #A661B8 #AE9A4C #998843

Split Complementary Palette

#519285 #5AA294 #A1598B #AA6A97 #A16E59 #916350

Square Palette

#4C887C #5AA294 #736595 #95656F #8BA159 #9EB074

Tetradic Palette

#4A8579 #5AA294 #425AB8 #A15967 #B8A042 #C5B164

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA294 contains 90 red, 162 green, and 148 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.14:1