HEX #5BB3A2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5bb3a2 color palette from light to dark

HEX RGB HSL
#f8fcfb rgb(248,252,251) hsl(168,37%,98%)
#e7f4f1 rgb(231,244,241) hsl(168,37%,93%)
#d5ece7 rgb(213,236,231) hsl(168,37%,88%)
#c4e4dd rgb(196,228,221) hsl(168,37%,83%)
#b2dcd3 rgb(178,220,211) hsl(168,37%,78%)
#a1d4c9 rgb(161,212,201) hsl(168,37%,73%)
#8fccc0 rgb(143,204,192) hsl(168,37%,68%)
#7ec4b6 rgb(126,196,182) hsl(168,37%,63%)
#6cbcac rgb(108,188,172) hsl(168,37%,58%)
#5bb3a2 rgb(91,179,162) hsl(168,37%,53%)
#4da896 rgb(77,168,150) hsl(168,37%,48%)
#459686 rgb(69,150,134) hsl(168,37%,43%)
#3d8576 rgb(61,133,118) hsl(168,37%,38%)
#357367 rgb(53,115,103) hsl(168,37%,33%)
#2d6257 rgb(45,98,87) hsl(168,37%,28%)
#255048 rgb(37,80,72) hsl(168,37%,23%)
#1d3f38 rgb(29,63,56) hsl(168,37%,18%)
#152d29 rgb(21,45,41) hsl(168,37%,13%)
#0d1c19 rgb(13,28,25) hsl(168,37%,8%)
#050a09 rgb(5,10,9) hsl(168,37%,3%)

Adjacent colors

HEX RGB HSL
#5BB367 rgb(91,179,103) hsl(128,37%,53%)
#5BB3A2 rgb(91,179,162) hsl(168,37%,53%)
#5B8AB3 rgb(91,138,179) hsl(208,37%,53%)

Monochromatic colors

HEX RGB HSL
#96CFC3 rgb(150,207,195) hsl(167,37%,70%)
#78C2B2 rgb(120,194,178) hsl(167,38%,62%)
#5BB3A2 rgb(91,179,162) hsl(168,37%,53%)
#479C8A rgb(71,156,138) hsl(167,37%,45%)
#3A7D70 rgb(58,125,112) hsl(168,37%,36%)
#2C6155 rgb(44,97,85) hsl(166,38%,28%)

Triad color palettes

HEX RGB HSL
#5BB3A2 rgb(91,179,162) hsl(168,37%,53%)
#B35C98 rgb(179,92,152) hsl(319,36%,53%)
#B3755B rgb(179,117,91) hsl(18,37%,53%)

Tetrad color palettes

HEX RGB HSL
#5BB3A2 rgb(91,179,162) hsl(168,37%,53%)
#B35C6C rgb(179,92,108) hsl(349,36%,53%)
#5BB376 rgb(91,179,118) hsl(138,37%,53%)
#B3755B rgb(179,117,91) hsl(18,37%,53%)