HEX #5AABA5 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AABA5 color palette from light to dark

HEX RGB HSL
#f1f8f8 rgb(241,248,248) hsl(176,33%,96%)
#e0f0ef rgb(224,240,239) hsl(176,33%,91%)
#d0e7e6 rgb(208,231,230) hsl(176,33%,86%)
#bfdfdc rgb(191,223,220) hsl(176,33%,81%)
#aed6d3 rgb(174,214,211) hsl(176,33%,76%)
#9dcdca rgb(157,205,202) hsl(176,33%,71%)
#8cc5c1 rgb(140,197,193) hsl(176,33%,66%)
#7bbcb8 rgb(123,188,184) hsl(176,33%,61%)
#6ab4af rgb(106,180,175) hsl(176,33%,56%)
#59aba6 rgb(89,171,166) hsl(176,33%,51%)
#4f9c97 rgb(79,156,151) hsl(176,33%,46%)
#468b86 rgb(70,139,134) hsl(176,33%,41%)
#3e7a76 rgb(62,122,118) hsl(176,33%,36%)
#356966 rgb(53,105,102) hsl(176,33%,31%)
#2c5855 rgb(44,88,85) hsl(176,33%,26%)
#244745 rgb(36,71,69) hsl(176,33%,21%)
#1b3634 rgb(27,54,52) hsl(176,33%,16%)
#132524 rgb(19,37,36) hsl(176,33%,11%)
#0a1414 rgb(10,20,20) hsl(176,33%,6%)
#020303 rgb(2,3,3) hsl(176,33%,1%)

Adjacent colors

HEX RGB HSL
#5AAB6F rgb(90,171,111) hsl(136,33%,51%)
#5AABA5 rgb(90,171,165) hsl(176,33%,51%)
#5A7AAB rgb(90,122,171) hsl(216,33%,51%)

Monochromatic colors

HEX RGB HSL
#91C7C3 rgb(145,199,195) hsl(176,33%,67%)
#75BAB4 rgb(117,186,180) hsl(175,33%,59%)
#5AABA5 rgb(90,171,165) hsl(176,33%,51%)
#49918C rgb(73,145,140) hsl(176,33%,43%)
#3B7571 rgb(59,117,113) hsl(176,33%,35%)
#2D5956 rgb(45,89,86) hsl(176,33%,26%)

Triad color palettes

HEX RGB HSL
#5AABA5 rgb(90,171,165) hsl(176,33%,51%)
#AB5988 rgb(171,89,136) hsl(326,33%,51%)
#AB7D5A rgb(171,125,90) hsl(26,33%,51%)

Tetrad color palettes

HEX RGB HSL
#5AABA5 rgb(90,171,165) hsl(176,33%,51%)
#AB5960 rgb(171,89,96) hsl(355,33%,51%)
#5AAB7C rgb(90,171,124) hsl(145,33%,51%)
#AB7D5A rgb(171,125,90) hsl(26,33%,51%)