HEX #5AAD99 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AAD99 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(166,34%,97%)
#e4f2ee rgb(228,242,238) hsl(166,34%,92%)
#d3e9e4 rgb(211,233,228) hsl(166,34%,87%)
#c1e1d9 rgb(193,225,217) hsl(166,34%,82%)
#b0d8cf rgb(176,216,207) hsl(166,34%,77%)
#9fd0c5 rgb(159,208,197) hsl(166,34%,72%)
#8ec7ba rgb(142,199,186) hsl(166,34%,67%)
#7dbfb0 rgb(125,191,176) hsl(166,34%,62%)
#6cb7a5 rgb(108,183,165) hsl(166,34%,57%)
#5bae9b rgb(91,174,155) hsl(166,34%,52%)
#4fa18e rgb(79,161,142) hsl(166,34%,47%)
#47907f rgb(71,144,127) hsl(166,34%,42%)
#3e7e6f rgb(62,126,111) hsl(166,34%,37%)
#366d60 rgb(54,109,96) hsl(166,34%,32%)
#2d5c51 rgb(45,92,81) hsl(166,34%,27%)
#254b42 rgb(37,75,66) hsl(166,34%,22%)
#1d3a33 rgb(29,58,51) hsl(166,34%,17%)
#142924 rgb(20,41,36) hsl(166,34%,12%)
#0c1815 rgb(12,24,21) hsl(166,34%,7%)
#030706 rgb(3,7,6) hsl(166,34%,2%)

Adjacent colors

HEX RGB HSL
#5AAD61 rgb(90,173,97) hsl(125,34%,52%)
#5AAD99 rgb(90,173,153) hsl(166,34%,52%)
#5A8AAD rgb(90,138,173) hsl(205,34%,52%)

Monochromatic colors

HEX RGB HSL
#92C9BB rgb(146,201,187) hsl(165,34%,68%)
#76BAAA rgb(118,186,170) hsl(166,33%,60%)
#5AAD99 rgb(90,173,153) hsl(166,34%,52%)
#499481 rgb(73,148,129) hsl(165,34%,43%)
#3B7868 rgb(59,120,104) hsl(164,34%,35%)
#2D5C50 rgb(45,92,80) hsl(165,34%,27%)

Triad color palettes

HEX RGB HSL
#5AAD99 rgb(90,173,153) hsl(166,34%,52%)
#AD5997 rgb(173,89,151) hsl(316,34%,51%)
#AD705A rgb(173,112,90) hsl(16,34%,52%)

Tetrad color palettes

HEX RGB HSL
#5AAD99 rgb(90,173,153) hsl(166,34%,52%)
#AD596E rgb(173,89,110) hsl(345,34%,51%)
#5AAD6F rgb(90,173,111) hsl(135,34%,52%)
#AD705A rgb(173,112,90) hsl(16,34%,52%)