#5AECC2 Color

Color Information

HEX#5AECC2
RGB90, 236, 194
HSL163° , 79% , 64%
HSV163° , 62% , 93%
CMYK62%, 0%, 18%, 7%

Lighter Shades

#6EEEC9 #82F1D1 #95F3D8 #A9F5DF #BDF7E7 #D1FAEE

Darker Shades

#4FD0AB #44B393 #3A977C #2F7B65 #245E4E #194236

Complementary Palette

#4DCBA7 #5AECC2 #CB4E72 #EC5B84 #EF7295 #71EFCB

Analogous Palette

#68C47C #6DD985 #55DEB6 #5AECC2 #6DC2D9 #78C7DD

Triadic Palette

#4FD0AB #5AECC2 #C751F5 #CE66F6 #F5C751 #D8AF47

Split Complementary Palette

#51D4AF #5AECC2 #EC5BCC #EE6BD1 #EC7A5B #D46E52

Square Palette

#4CC6A3 #5AECC2 #7F64E3 #E36488 #CCEC5B #D4EF75

Tetradic Palette

#4AC29F #5AECC2 #4A7DFC #EC5B84 #FCCA4A #FDD46B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AECC2 contains 90 red, 236 green, and 194 blue.

Contrast Ratio: 1.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.28:1