HEX #5AB3A2 color — Tradewind

The color #5AB3A2 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5AB3A2 color palette from light to dark

HEX RGB HSL
#f8fcfb rgb(248,252,251) hsl(169,37%,98%)
#e7f4f1 rgb(231,244,241) hsl(169,37%,93%)
#d5ece8 rgb(213,236,232) hsl(169,37%,88%)
#c4e4de rgb(196,228,222) hsl(169,37%,83%)
#b2dcd4 rgb(178,220,212) hsl(169,37%,78%)
#a1d4ca rgb(161,212,202) hsl(169,37%,73%)
#8fccc1 rgb(143,204,193) hsl(169,37%,68%)
#7ec4b7 rgb(126,196,183) hsl(169,37%,63%)
#6cbcad rgb(108,188,173) hsl(169,37%,58%)
#5bb3a3 rgb(91,179,163) hsl(169,37%,53%)
#4da897 rgb(77,168,151) hsl(169,37%,48%)
#459687 rgb(69,150,135) hsl(169,37%,43%)
#3d8578 rgb(61,133,120) hsl(169,37%,38%)
#357368 rgb(53,115,104) hsl(169,37%,33%)
#2d6258 rgb(45,98,88) hsl(169,37%,28%)
#255048 rgb(37,80,72) hsl(169,37%,23%)
#1d3f39 rgb(29,63,57) hsl(169,37%,18%)
#152d29 rgb(21,45,41) hsl(169,37%,13%)
#0d1c19 rgb(13,28,25) hsl(169,37%,8%)
#050a09 rgb(5,10,9) hsl(169,37%,3%)

Adjacent colors

HEX RGB HSL
#5AB366 rgb(90,179,102) hsl(128,37%,53%)
#5AB3A2 rgb(90,179,162) hsl(169,37%,53%)
#5A8AB3 rgb(90,138,179) hsl(208,37%,53%)

Monochromatic colors

HEX RGB HSL
#94CFC3 rgb(148,207,195) hsl(168,38%,70%)
#77C2B2 rgb(119,194,178) hsl(167,38%,61%)
#5AB3A2 rgb(90,179,162) hsl(169,37%,53%)
#479C8A rgb(71,156,138) hsl(167,37%,45%)
#397D70 rgb(57,125,112) hsl(169,37%,36%)
#2C6155 rgb(44,97,85) hsl(166,38%,28%)

Triad color palettes

HEX RGB HSL
#5AB3A2 rgb(90,179,162) hsl(169,37%,53%)
#B35997 rgb(179,89,151) hsl(319,37%,53%)
#B3755A rgb(179,117,90) hsl(18,37%,53%)

Tetrad color palettes

HEX RGB HSL
#5AB3A2 rgb(90,179,162) hsl(169,37%,53%)
#B3596B rgb(179,89,107) hsl(348,37%,53%)
#5AB375 rgb(90,179,117) hsl(138,37%,53%)
#B3755A rgb(179,117,90) hsl(18,37%,53%)