HEX #5BB3A1 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5BB3A1 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
#5BB366 rgb(91,179,102) hsl(128,37%,53%)
#5BB3A1 rgb(91,179,161) hsl(168,37%,53%)
#5B8AB3 rgb(91,138,179) hsl(208,37%,53%)

Monochromatic colors

HEX RGB HSL
#96CFC2 rgb(150,207,194) hsl(166,37%,70%)
#78C2B1 rgb(120,194,177) hsl(166,38%,62%)
#5BB3A1 rgb(91,179,161) hsl(168,37%,53%)
#479C89 rgb(71,156,137) hsl(167,37%,45%)
#3A7D6F rgb(58,125,111) hsl(167,37%,36%)
#2C6155 rgb(44,97,85) hsl(166,38%,28%)

Triad color palettes

HEX RGB HSL
#5BB3A1 rgb(91,179,161) hsl(168,37%,53%)
#B35C99 rgb(179,92,153) hsl(318,36%,53%)
#B3755B rgb(179,117,91) hsl(18,37%,53%)

Tetrad color palettes

HEX RGB HSL
#5BB3A1 rgb(91,179,161) hsl(168,37%,53%)
#B35C6D rgb(179,92,109) hsl(348,36%,53%)
#5BB375 rgb(91,179,117) hsl(138,37%,53%)
#B3755B rgb(179,117,91) hsl(18,37%,53%)