HEX #5AAFAA color — Tradewind
The color #5aafaa is a light shade and slightly desaturated.
Palette
5aafaa color palette from light to dark
HEX |
RGB |
HSL |
#f5fafa |
rgb(245,250,250) |
hsl(176,35%,97%) |
#e3f2f1 |
rgb(227,242,241) |
hsl(176,35%,92%) |
#d2e9e8 |
rgb(210,233,232) |
hsl(176,35%,87%) |
#c1e1df |
rgb(193,225,223) |
hsl(176,35%,82%) |
#b0d9d6 |
rgb(176,217,214) |
hsl(176,35%,77%) |
#9fd1cd |
rgb(159,209,205) |
hsl(176,35%,72%) |
#8dc8c4 |
rgb(141,200,196) |
hsl(176,35%,67%) |
#7cc0bb |
rgb(124,192,187) |
hsl(176,35%,62%) |
#6bb8b3 |
rgb(107,184,179) |
hsl(176,35%,57%) |
#5aafaa |
rgb(90,175,170) |
hsl(176,35%,52%) |
#4ea29c |
rgb(78,162,156) |
hsl(176,35%,47%) |
#46918c |
rgb(70,145,140) |
hsl(176,35%,42%) |
#3d7f7b |
rgb(61,127,123) |
hsl(176,35%,37%) |
#356e6a |
rgb(53,110,106) |
hsl(176,35%,32%) |
#2d5d5a |
rgb(45,93,90) |
hsl(176,35%,27%) |
#244c49 |
rgb(36,76,73) |
hsl(176,35%,22%) |
#1c3b38 |
rgb(28,59,56) |
hsl(176,35%,17%) |
#142928 |
rgb(20,41,40) |
hsl(176,35%,12%) |
#0c1817 |
rgb(12,24,23) |
hsl(176,35%,7%) |
#030707 |
rgb(3,7,7) |
hsl(176,35%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB071 |
rgb(90,176,113) |
hsl(136,35%,52%) |
#5AAFAA |
rgb(90,175,170) |
hsl(176,35%,52%) |
#5A7AAF |
rgb(90,122,175) |
hsl(217,35%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93C9C7 |
rgb(147,201,199) |
hsl(178,33%,68%) |
#76BDB8 |
rgb(118,189,184) |
hsl(176,35%,60%) |
#5AAFAA |
rgb(90,175,170) |
hsl(176,35%,52%) |
#489691 |
rgb(72,150,145) |
hsl(176,35%,44%) |
#3A7A75 |
rgb(58,122,117) |
hsl(175,36%,35%) |
#2D5C59 |
rgb(45,92,89) |
hsl(176,34%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AAFAA |
rgb(90,175,170) |
hsl(176,35%,52%) |
#AF5989 |
rgb(175,89,137) |
hsl(327,35%,52%) |
#AF805A |
rgb(175,128,90) |
hsl(27,35%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AAFAA |
rgb(90,175,170) |
hsl(176,35%,52%) |
#AF595F |
rgb(175,89,95) |
hsl(356,35%,52%) |
#5AB07F |
rgb(90,176,127) |
hsl(146,35%,52%) |
#AF805A |
rgb(175,128,90) |
hsl(27,35%,52%) |