HEX #5AAB9C color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AAB9C color palette from light to dark

HEX RGB HSL
#f1f8f7 rgb(241,248,247) hsl(169,33%,96%)
#e0f0ed rgb(224,240,237) hsl(169,33%,91%)
#d0e7e3 rgb(208,231,227) hsl(169,33%,86%)
#bfdfd9 rgb(191,223,217) hsl(169,33%,81%)
#aed6cf rgb(174,214,207) hsl(169,33%,76%)
#9dcdc5 rgb(157,205,197) hsl(169,33%,71%)
#8cc5ba rgb(140,197,186) hsl(169,33%,66%)
#7bbcb0 rgb(123,188,176) hsl(169,33%,61%)
#6ab4a6 rgb(106,180,166) hsl(169,33%,56%)
#59ab9c rgb(89,171,156) hsl(169,33%,51%)
#4f9c8e rgb(79,156,142) hsl(169,33%,46%)
#468b7e rgb(70,139,126) hsl(169,33%,41%)
#3e7a6f rgb(62,122,111) hsl(169,33%,36%)
#356960 rgb(53,105,96) hsl(169,33%,31%)
#2c5850 rgb(44,88,80) hsl(169,33%,26%)
#244741 rgb(36,71,65) hsl(169,33%,21%)
#1b3631 rgb(27,54,49) hsl(169,33%,16%)
#132522 rgb(19,37,34) hsl(169,33%,11%)
#0a1412 rgb(10,20,18) hsl(169,33%,6%)
#020303 rgb(2,3,3) hsl(169,33%,1%)

Adjacent colors

HEX RGB HSL
#5AAB66 rgb(90,171,102) hsl(129,33%,51%)
#5AAB9C rgb(90,171,156) hsl(169,33%,51%)
#5A85AB rgb(90,133,171) hsl(208,33%,51%)

Monochromatic colors

HEX RGB HSL
#91C7BD rgb(145,199,189) hsl(169,33%,67%)
#75BAAC rgb(117,186,172) hsl(168,33%,59%)
#5AAB9C rgb(90,171,156) hsl(169,33%,51%)
#499184 rgb(73,145,132) hsl(169,33%,43%)
#3B756A rgb(59,117,106) hsl(169,33%,35%)
#2D5951 rgb(45,89,81) hsl(169,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAB9C rgb(90,171,156) hsl(169,33%,51%)
#AB5991 rgb(171,89,145) hsl(319,33%,51%)
#AB735A rgb(171,115,90) hsl(19,33%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAB9C rgb(90,171,156) hsl(169,33%,51%)
#AB5969 rgb(171,89,105) hsl(348,33%,51%)
#5AAB73 rgb(90,171,115) hsl(139,33%,51%)
#AB735A rgb(171,115,90) hsl(19,33%,51%)