HEX #5AAB9D color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AAB9D color palette from light to dark

HEX RGB HSL
#f1f8f7 rgb(241,248,247) hsl(170,33%,96%)
#e0f0ed rgb(224,240,237) hsl(170,33%,91%)
#d0e7e3 rgb(208,231,227) hsl(170,33%,86%)
#bfdfd9 rgb(191,223,217) hsl(170,33%,81%)
#aed6cf rgb(174,214,207) hsl(170,33%,76%)
#9dcdc5 rgb(157,205,197) hsl(170,33%,71%)
#8cc5bb rgb(140,197,187) hsl(170,33%,66%)
#7bbcb1 rgb(123,188,177) hsl(170,33%,61%)
#6ab4a7 rgb(106,180,167) hsl(170,33%,56%)
#59ab9e rgb(89,171,158) hsl(170,33%,51%)
#4f9c8f rgb(79,156,143) hsl(170,33%,46%)
#468b80 rgb(70,139,128) hsl(170,33%,41%)
#3e7a70 rgb(62,122,112) hsl(170,33%,36%)
#356960 rgb(53,105,96) hsl(170,33%,31%)
#2c5851 rgb(44,88,81) hsl(170,33%,26%)
#244741 rgb(36,71,65) hsl(170,33%,21%)
#1b3632 rgb(27,54,50) hsl(170,33%,16%)
#132522 rgb(19,37,34) hsl(170,33%,11%)
#0a1413 rgb(10,20,19) hsl(170,33%,6%)
#020303 rgb(2,3,3) hsl(170,33%,1%)

Adjacent colors

HEX RGB HSL
#5AAB67 rgb(90,171,103) hsl(130,33%,51%)
#5AAB9D rgb(90,171,157) hsl(170,33%,51%)
#5A82AB rgb(90,130,171) hsl(210,33%,51%)

Monochromatic colors

HEX RGB HSL
#91C7BD rgb(145,199,189) hsl(169,33%,67%)
#75BAAD rgb(117,186,173) hsl(169,33%,59%)
#5AAB9D rgb(90,171,157) hsl(170,33%,51%)
#499184 rgb(73,145,132) hsl(169,33%,43%)
#3B756B rgb(59,117,107) hsl(170,33%,35%)
#2D5952 rgb(45,89,82) hsl(170,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAB9D rgb(90,171,157) hsl(170,33%,51%)
#AB5990 rgb(171,89,144) hsl(320,33%,51%)
#AB755A rgb(171,117,90) hsl(20,33%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAB9D rgb(90,171,157) hsl(170,33%,51%)
#AB5968 rgb(171,89,104) hsl(349,33%,51%)
#5AAB74 rgb(90,171,116) hsl(139,33%,51%)
#AB755A rgb(171,117,90) hsl(20,33%,51%)