HEX #5AB3B2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AB3B2 color palette from light to dark

HEX RGB HSL
#f8fcfc rgb(248,252,252) hsl(179,37%,98%)
#e7f4f4 rgb(231,244,244) hsl(179,37%,93%)
#d5eceb rgb(213,236,235) hsl(179,37%,88%)
#c4e4e3 rgb(196,228,227) hsl(179,37%,83%)
#b2dcdb rgb(178,220,219) hsl(179,37%,78%)
#a1d4d3 rgb(161,212,211) hsl(179,37%,73%)
#8fcccb rgb(143,204,203) hsl(179,37%,68%)
#7ec4c2 rgb(126,196,194) hsl(179,37%,63%)
#6cbcba rgb(108,188,186) hsl(179,37%,58%)
#5bb3b2 rgb(91,179,178) hsl(179,37%,53%)
#4da8a6 rgb(77,168,166) hsl(179,37%,48%)
#459695 rgb(69,150,149) hsl(179,37%,43%)
#3d8584 rgb(61,133,132) hsl(179,37%,38%)
#357372 rgb(53,115,114) hsl(179,37%,33%)
#2d6261 rgb(45,98,97) hsl(179,37%,28%)
#255050 rgb(37,80,80) hsl(179,37%,23%)
#1d3f3e rgb(29,63,62) hsl(179,37%,18%)
#152d2d rgb(21,45,45) hsl(179,37%,13%)
#0d1c1c rgb(13,28,28) hsl(179,37%,8%)
#050a0a rgb(5,10,10) hsl(179,37%,3%)

Adjacent colors

HEX RGB HSL
#5AB376 rgb(90,179,118) hsl(139,37%,53%)
#5AB3B2 rgb(90,179,178) hsl(179,37%,53%)
#5A78B3 rgb(90,120,179) hsl(220,37%,53%)

Monochromatic colors

HEX RGB HSL
#94CFCD rgb(148,207,205) hsl(178,38%,70%)
#77C2BF rgb(119,194,191) hsl(178,38%,61%)
#5AB3B2 rgb(90,179,178) hsl(179,37%,53%)
#479C99 rgb(71,156,153) hsl(178,37%,45%)
#397D7C rgb(57,125,124) hsl(179,37%,36%)
#2C615F rgb(44,97,95) hsl(178,38%,28%)

Triad color palettes

HEX RGB HSL
#5AB3B2 rgb(90,179,178) hsl(179,37%,53%)
#B35987 rgb(179,89,135) hsl(329,37%,53%)
#B3855A rgb(179,133,90) hsl(29,37%,53%)

Tetrad color palettes

HEX RGB HSL
#5AB3B2 rgb(90,179,178) hsl(179,37%,53%)
#B3595B rgb(179,89,91) hsl(359,37%,53%)
#5AB385 rgb(90,179,133) hsl(149,37%,53%)
#B3855A rgb(179,133,90) hsl(29,37%,53%)