HEX #5AAAA2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaaa2 color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(174,32%,96%)
#e1efee rgb(225,239,238) hsl(174,32%,91%)
#d0e7e4 rgb(208,231,228) hsl(174,32%,86%)
#bfdedb rgb(191,222,219) hsl(174,32%,81%)
#aed5d1 rgb(174,213,209) hsl(174,32%,76%)
#9dcdc8 rgb(157,205,200) hsl(174,32%,71%)
#8dc4be rgb(141,196,190) hsl(174,32%,66%)
#7cbbb5 rgb(124,187,181) hsl(174,32%,61%)
#6bb3ac rgb(107,179,172) hsl(174,32%,56%)
#5aaaa2 rgb(90,170,162) hsl(174,32%,51%)
#509b93 rgb(80,155,147) hsl(174,32%,46%)
#478a83 rgb(71,138,131) hsl(174,32%,41%)
#3e7973 rgb(62,121,115) hsl(174,32%,36%)
#366863 rgb(54,104,99) hsl(174,32%,31%)
#2d5853 rgb(45,88,83) hsl(174,32%,26%)
#244743 rgb(36,71,67) hsl(174,32%,21%)
#1c3633 rgb(28,54,51) hsl(174,32%,16%)
#132523 rgb(19,37,35) hsl(174,32%,11%)
#0a1413 rgb(10,20,19) hsl(174,32%,6%)
#020303 rgb(2,3,3) hsl(174,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB6C rgb(90,171,108) hsl(133,33%,51%)
#5AAAA2 rgb(90,170,162) hsl(174,32%,51%)
#5A7DAA rgb(90,125,170) hsl(214,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7C0 rgb(144,199,192) hsl(172,33%,67%)
#75B8B1 rgb(117,184,177) hsl(174,32%,59%)
#5AAAA2 rgb(90,170,162) hsl(174,32%,51%)
#4A9189 rgb(74,145,137) hsl(173,32%,43%)
#3C756F rgb(60,117,111) hsl(174,32%,35%)
#2D5954 rgb(45,89,84) hsl(173,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAAA2 rgb(90,170,162) hsl(174,32%,51%)
#AA598A rgb(170,89,138) hsl(324,32%,51%)
#AA7A5A rgb(170,122,90) hsl(24,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAAA2 rgb(90,170,162) hsl(174,32%,51%)
#AA5962 rgb(170,89,98) hsl(353,32%,51%)
#5AAB7A rgb(90,171,122) hsl(144,33%,51%)
#AA7A5A rgb(170,122,90) hsl(24,32%,51%)