HEX #5AAFAA color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

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%)