HEX #5AAB9F color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AAB9F color palette from light to dark

HEX RGB HSL
#f1f8f7 rgb(241,248,247) hsl(171,33%,96%)
#e0f0ed rgb(224,240,237) hsl(171,33%,91%)
#d0e7e4 rgb(208,231,228) hsl(171,33%,86%)
#bfdfda rgb(191,223,218) hsl(171,33%,81%)
#aed6d0 rgb(174,214,208) hsl(171,33%,76%)
#9dcdc6 rgb(157,205,198) hsl(171,33%,71%)
#8cc5bc rgb(140,197,188) hsl(171,33%,66%)
#7bbcb3 rgb(123,188,179) hsl(171,33%,61%)
#6ab4a9 rgb(106,180,169) hsl(171,33%,56%)
#59ab9f rgb(89,171,159) hsl(171,33%,51%)
#4f9c90 rgb(79,156,144) hsl(171,33%,46%)
#468b81 rgb(70,139,129) hsl(171,33%,41%)
#3e7a71 rgb(62,122,113) hsl(171,33%,36%)
#356961 rgb(53,105,97) hsl(171,33%,31%)
#2c5852 rgb(44,88,82) hsl(171,33%,26%)
#244742 rgb(36,71,66) hsl(171,33%,21%)
#1b3632 rgb(27,54,50) hsl(171,33%,16%)
#132523 rgb(19,37,35) hsl(171,33%,11%)
#0a1413 rgb(10,20,19) hsl(171,33%,6%)
#020303 rgb(2,3,3) hsl(171,33%,1%)

Adjacent colors

HEX RGB HSL
#5AAB69 rgb(90,171,105) hsl(131,33%,51%)
#5AAB9F rgb(90,171,159) hsl(171,33%,51%)
#5A82AB rgb(90,130,171) hsl(210,33%,51%)

Monochromatic colors

HEX RGB HSL
#91C7BF rgb(145,199,191) hsl(171,33%,67%)
#75BAAF rgb(117,186,175) hsl(170,33%,59%)
#5AAB9F rgb(90,171,159) hsl(171,33%,51%)
#499186 rgb(73,145,134) hsl(171,33%,43%)
#3B756D rgb(59,117,109) hsl(172,33%,35%)
#2D5953 rgb(45,89,83) hsl(172,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAB9F rgb(90,171,159) hsl(171,33%,51%)
#AB598E rgb(171,89,142) hsl(321,33%,51%)
#AB755A rgb(171,117,90) hsl(20,33%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAB9F rgb(90,171,159) hsl(171,33%,51%)
#AB5966 rgb(171,89,102) hsl(350,33%,51%)
#5AAB76 rgb(90,171,118) hsl(141,33%,51%)
#AB755A rgb(171,117,90) hsl(20,33%,51%)