HEX #5AAFA0 color — Tradewind
The color #5aafa0 is a light shade and slightly desaturated.
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%) |