HEX #5AAAA3 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaaa3 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(175,32%,96%)
#e1efee rgb(225,239,238) hsl(175,32%,91%)
#d0e7e5 rgb(208,231,229) hsl(175,32%,86%)
#bfdedb rgb(191,222,219) hsl(175,32%,81%)
#aed5d2 rgb(174,213,210) hsl(175,32%,76%)
#9dcdc9 rgb(157,205,201) hsl(175,32%,71%)
#8dc4bf rgb(141,196,191) hsl(175,32%,66%)
#7cbbb6 rgb(124,187,182) hsl(175,32%,61%)
#6bb3ad rgb(107,179,173) hsl(175,32%,56%)
#5aaaa3 rgb(90,170,163) hsl(175,32%,51%)
#509b95 rgb(80,155,149) hsl(175,32%,46%)
#478a84 rgb(71,138,132) hsl(175,32%,41%)
#3e7974 rgb(62,121,116) hsl(175,32%,36%)
#366864 rgb(54,104,100) hsl(175,32%,31%)
#2d5854 rgb(45,88,84) hsl(175,32%,26%)
#244744 rgb(36,71,68) hsl(175,32%,21%)
#1c3634 rgb(28,54,52) hsl(175,32%,16%)
#132524 rgb(19,37,36) hsl(175,32%,11%)
#0a1413 rgb(10,20,19) hsl(175,32%,6%)
#020303 rgb(2,3,3) hsl(175,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB6D rgb(90,171,109) hsl(134,33%,51%)
#5AAAA3 rgb(90,170,163) hsl(175,32%,51%)
#5A7AAA rgb(90,122,170) hsl(216,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7C1 rgb(144,199,193) hsl(173,33%,67%)
#75B8B2 rgb(117,184,178) hsl(175,32%,59%)
#5AAAA3 rgb(90,170,163) hsl(175,32%,51%)
#4A918A rgb(74,145,138) hsl(174,32%,43%)
#3C756F rgb(60,117,111) hsl(174,32%,35%)
#2D5955 rgb(45,89,85) hsl(175,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAAA3 rgb(90,170,163) hsl(175,32%,51%)
#AA5989 rgb(170,89,137) hsl(324,32%,51%)
#AA7A5A rgb(170,122,90) hsl(24,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAAA3 rgb(90,170,163) hsl(175,32%,51%)
#AA5961 rgb(170,89,97) hsl(354,32%,51%)
#5AAB7B rgb(90,171,123) hsl(144,33%,51%)
#AA7A5A rgb(170,122,90) hsl(24,32%,51%)