HEX #5AAFA0 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5aafa0 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(169,35%,97%)
#e3f2ef rgb(227,242,239) hsl(169,35%,92%)
#d2e9e5 rgb(210,233,229) hsl(169,35%,87%)
#c1e1db rgb(193,225,219) hsl(169,35%,82%)
#b0d9d1 rgb(176,217,209) hsl(169,35%,77%)
#9fd1c7 rgb(159,209,199) hsl(169,35%,72%)
#8dc8be rgb(141,200,190) hsl(169,35%,67%)
#7cc0b4 rgb(124,192,180) hsl(169,35%,62%)
#6bb8aa rgb(107,184,170) hsl(169,35%,57%)
#5aafa0 rgb(90,175,160) hsl(169,35%,52%)
#4ea292 rgb(78,162,146) hsl(169,35%,47%)
#469183 rgb(70,145,131) hsl(169,35%,42%)
#3d7f73 rgb(61,127,115) hsl(169,35%,37%)
#356e64 rgb(53,110,100) hsl(169,35%,32%)
#2d5d54 rgb(45,93,84) hsl(169,35%,27%)
#244c45 rgb(36,76,69) hsl(169,35%,22%)
#1c3b35 rgb(28,59,53) hsl(169,35%,17%)
#142925 rgb(20,41,37) hsl(169,35%,12%)
#0c1816 rgb(12,24,22) hsl(169,35%,7%)
#030706 rgb(3,7,6) hsl(169,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB067 rgb(90,176,103) hsl(129,35%,52%)
#5AAFA0 rgb(90,175,160) hsl(169,35%,52%)
#5A85AF rgb(90,133,175) hsl(210,35%,52%)

Monochromatic colors

HEX RGB HSL
#93C9C0 rgb(147,201,192) hsl(170,33%,68%)
#76BDB0 rgb(118,189,176) hsl(169,35%,60%)
#5AAFA0 rgb(90,175,160) hsl(169,35%,52%)
#489688 rgb(72,150,136) hsl(169,35%,44%)
#3A7A6E rgb(58,122,110) hsl(169,36%,35%)
#2D5C54 rgb(45,92,84) hsl(170,34%,27%)

Triad color palettes

HEX RGB HSL
#5AAFA0 rgb(90,175,160) hsl(169,35%,52%)
#AF5993 rgb(175,89,147) hsl(320,35%,52%)
#AF755A rgb(175,117,90) hsl(19,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AAFA0 rgb(90,175,160) hsl(169,35%,52%)
#AF5969 rgb(175,89,105) hsl(349,35%,52%)
#5AB075 rgb(90,176,117) hsl(139,35%,52%)
#AF755A rgb(175,117,90) hsl(19,35%,52%)