HEX #5AAFAD color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5aafad 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
#5AB074 rgb(90,176,116) hsl(138,35%,52%)
#5AAFAD rgb(90,175,173) hsl(179,35%,52%)
#5A78AF rgb(90,120,175) hsl(219,35%,52%)

Monochromatic colors

HEX RGB HSL
#93C9C9 rgb(147,201,201) hsl(180,33%,68%)
#76BDBB rgb(118,189,187) hsl(178,35%,60%)
#5AAFAD rgb(90,175,173) hsl(179,35%,52%)
#489694 rgb(72,150,148) hsl(178,35%,44%)
#3A7A77 rgb(58,122,119) hsl(177,36%,35%)
#2D5C5B rgb(45,92,91) hsl(179,34%,27%)

Triad color palettes

HEX RGB HSL
#5AAFAD rgb(90,175,173) hsl(179,35%,52%)
#AF5986 rgb(175,89,134) hsl(329,35%,52%)
#AF825A rgb(175,130,90) hsl(28,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AAFAD rgb(90,175,173) hsl(179,35%,52%)
#AF595C rgb(175,89,92) hsl(358,35%,52%)
#5AB082 rgb(90,176,130) hsl(148,35%,52%)
#AF825A rgb(175,130,90) hsl(28,35%,52%)