HEX #5AAFAE color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5aafae color palette from light to dark

HEX RGB HSL
#f5fafa rgb(245,250,250) hsl(179,35%,97%)
#e3f2f2 rgb(227,242,242) hsl(179,35%,92%)
#d2e9e9 rgb(210,233,233) hsl(179,35%,87%)
#c1e1e1 rgb(193,225,225) hsl(179,35%,82%)
#b0d9d8 rgb(176,217,216) hsl(179,35%,77%)
#9fd1d0 rgb(159,209,208) hsl(179,35%,72%)
#8dc8c7 rgb(141,200,199) hsl(179,35%,67%)
#7cc0bf rgb(124,192,191) hsl(179,35%,62%)
#6bb8b6 rgb(107,184,182) hsl(179,35%,57%)
#5aafae rgb(90,175,174) hsl(179,35%,52%)
#4ea2a0 rgb(78,162,160) hsl(179,35%,47%)
#46918f rgb(70,145,143) hsl(179,35%,42%)
#3d7f7e rgb(61,127,126) hsl(179,35%,37%)
#356e6d rgb(53,110,109) hsl(179,35%,32%)
#2d5d5c rgb(45,93,92) hsl(179,35%,27%)
#244c4b rgb(36,76,75) hsl(179,35%,22%)
#1c3b3a rgb(28,59,58) hsl(179,35%,17%)
#142929 rgb(20,41,41) hsl(179,35%,12%)
#0c1818 rgb(12,24,24) hsl(179,35%,7%)
#030707 rgb(3,7,7) hsl(179,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB075 rgb(90,176,117) hsl(139,35%,52%)
#5AAFAE rgb(90,175,174) hsl(179,35%,52%)
#5A78AF rgb(90,120,175) hsl(219,35%,52%)

Monochromatic colors

HEX RGB HSL
#93C9CA rgb(147,201,202) hsl(181,34%,68%)
#76BDBC rgb(118,189,188) hsl(179,35%,60%)
#5AAFAE rgb(90,175,174) hsl(179,35%,52%)
#489695 rgb(72,150,149) hsl(179,35%,44%)
#3A7A78 rgb(58,122,120) hsl(178,36%,35%)
#2D5C5C rgb(45,92,92) hsl(180,34%,27%)

Triad color palettes

HEX RGB HSL
#5AAFAE rgb(90,175,174) hsl(179,35%,52%)
#AF5985 rgb(175,89,133) hsl(329,35%,52%)
#AF855A rgb(175,133,90) hsl(30,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AAFAE rgb(90,175,174) hsl(179,35%,52%)
#AF595B rgb(175,89,91) hsl(359,35%,52%)
#5AB083 rgb(90,176,131) hsl(149,35%,52%)
#AF855A rgb(175,133,90) hsl(30,35%,52%)