HEX #5AAAA5 color — Tradewind

The color #5aaaa5 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5aaaa5 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(176,32%,96%)
#e1efee rgb(225,239,238) hsl(176,32%,91%)
#d0e7e5 rgb(208,231,229) hsl(176,32%,86%)
#bfdedc rgb(191,222,220) hsl(176,32%,81%)
#aed5d3 rgb(174,213,211) hsl(176,32%,76%)
#9dcdca rgb(157,205,202) hsl(176,32%,71%)
#8dc4c0 rgb(141,196,192) hsl(176,32%,66%)
#7cbbb7 rgb(124,187,183) hsl(176,32%,61%)
#6bb3ae rgb(107,179,174) hsl(176,32%,56%)
#5aaaa5 rgb(90,170,165) hsl(176,32%,51%)
#509b96 rgb(80,155,150) hsl(176,32%,46%)
#478a86 rgb(71,138,134) hsl(176,32%,41%)
#3e7975 rgb(62,121,117) hsl(176,32%,36%)
#366865 rgb(54,104,101) hsl(176,32%,31%)
#2d5855 rgb(45,88,85) hsl(176,32%,26%)
#244744 rgb(36,71,68) hsl(176,32%,21%)
#1c3634 rgb(28,54,52) hsl(176,32%,16%)
#132524 rgb(19,37,36) hsl(176,32%,11%)
#0a1414 rgb(10,20,20) hsl(176,32%,6%)
#020303 rgb(2,3,3) hsl(176,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB6F rgb(90,171,111) hsl(136,33%,51%)
#5AAAA5 rgb(90,170,165) hsl(176,32%,51%)
#5A7AAA rgb(90,122,170) hsl(216,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7C2 rgb(144,199,194) hsl(175,33%,67%)
#75B8B3 rgb(117,184,179) hsl(176,32%,59%)
#5AAAA5 rgb(90,170,165) hsl(176,32%,51%)
#4A918B rgb(74,145,139) hsl(175,32%,43%)
#3C7571 rgb(60,117,113) hsl(176,32%,35%)
#2D5956 rgb(45,89,86) hsl(176,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAAA5 rgb(90,170,165) hsl(176,32%,51%)
#AA5987 rgb(170,89,135) hsl(326,32%,51%)
#AA7D5A rgb(170,125,90) hsl(26,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAAA5 rgb(90,170,165) hsl(176,32%,51%)
#AA595F rgb(170,89,95) hsl(356,32%,51%)
#5AAB7D rgb(90,171,125) hsl(146,33%,51%)
#AA7D5A rgb(170,125,90) hsl(26,32%,51%)