HEX #5AABA4 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AABA4 color palette from light to dark

HEX RGB HSL
#f1f8f8 rgb(241,248,248) hsl(175,33%,96%)
#e0f0ee rgb(224,240,238) hsl(175,33%,91%)
#d0e7e5 rgb(208,231,229) hsl(175,33%,86%)
#bfdfdc rgb(191,223,220) hsl(175,33%,81%)
#aed6d3 rgb(174,214,211) hsl(175,33%,76%)
#9dcdc9 rgb(157,205,201) hsl(175,33%,71%)
#8cc5c0 rgb(140,197,192) hsl(175,33%,66%)
#7bbcb7 rgb(123,188,183) hsl(175,33%,61%)
#6ab4ae rgb(106,180,174) hsl(175,33%,56%)
#59aba4 rgb(89,171,164) hsl(175,33%,51%)
#4f9c96 rgb(79,156,150) hsl(175,33%,46%)
#468b85 rgb(70,139,133) hsl(175,33%,41%)
#3e7a75 rgb(62,122,117) hsl(175,33%,36%)
#356965 rgb(53,105,101) hsl(175,33%,31%)
#2c5855 rgb(44,88,85) hsl(175,33%,26%)
#244744 rgb(36,71,68) hsl(175,33%,21%)
#1b3634 rgb(27,54,52) hsl(175,33%,16%)
#132524 rgb(19,37,36) hsl(175,33%,11%)
#0a1414 rgb(10,20,20) hsl(175,33%,6%)
#020303 rgb(2,3,3) hsl(175,33%,1%)

Adjacent colors

HEX RGB HSL
#5AAB6E rgb(90,171,110) hsl(135,33%,51%)
#5AABA4 rgb(90,171,164) hsl(175,33%,51%)
#5A7DAB rgb(90,125,171) hsl(214,33%,51%)

Monochromatic colors

HEX RGB HSL
#91C7C2 rgb(145,199,194) hsl(174,33%,67%)
#75BAB3 rgb(117,186,179) hsl(174,33%,59%)
#5AABA4 rgb(90,171,164) hsl(175,33%,51%)
#49918B rgb(73,145,139) hsl(175,33%,43%)
#3B7570 rgb(59,117,112) hsl(175,33%,35%)
#2D5956 rgb(45,89,86) hsl(176,33%,26%)

Triad color palettes

HEX RGB HSL
#5AABA4 rgb(90,171,164) hsl(175,33%,51%)
#AB5989 rgb(171,89,137) hsl(325,33%,51%)
#AB7A5A rgb(171,122,90) hsl(24,33%,51%)

Tetrad color palettes

HEX RGB HSL
#5AABA4 rgb(90,171,164) hsl(175,33%,51%)
#AB5961 rgb(171,89,97) hsl(354,33%,51%)
#5AAB7B rgb(90,171,123) hsl(144,33%,51%)
#AB7A5A rgb(171,122,90) hsl(24,33%,51%)