HEX #5AB0B2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AB0B2 color palette from light to dark

HEX RGB HSL
#f8fcfc rgb(248,252,252) hsl(181,36%,98%)
#e7f3f4 rgb(231,243,244) hsl(181,36%,93%)
#d5ebeb rgb(213,235,235) hsl(181,36%,88%)
#c4e3e3 rgb(196,227,227) hsl(181,36%,83%)
#b3dadb rgb(179,218,219) hsl(181,36%,78%)
#a1d2d3 rgb(161,210,211) hsl(181,36%,73%)
#90cacb rgb(144,202,203) hsl(181,36%,68%)
#7fc1c3 rgb(127,193,195) hsl(181,36%,63%)
#6db9ba rgb(109,185,186) hsl(181,36%,58%)
#5cb1b2 rgb(92,177,178) hsl(181,36%,53%)
#4ea5a6 rgb(78,165,166) hsl(181,36%,48%)
#469495 rgb(70,148,149) hsl(181,36%,43%)
#3e8384 rgb(62,131,132) hsl(181,36%,38%)
#367172 rgb(54,113,114) hsl(181,36%,33%)
#2e6061 rgb(46,96,97) hsl(181,36%,28%)
#264f50 rgb(38,79,80) hsl(181,36%,23%)
#1d3e3e rgb(29,62,62) hsl(181,36%,18%)
#152d2d rgb(21,45,45) hsl(181,36%,13%)
#0d1b1c rgb(13,27,28) hsl(181,36%,8%)
#050a0a rgb(5,10,10) hsl(181,36%,3%)

Adjacent colors

HEX RGB HSL
#5AB379 rgb(90,179,121) hsl(141,37%,53%)
#5AB0B2 rgb(90,176,178) hsl(181,36%,53%)
#5A75B2 rgb(90,117,178) hsl(222,36%,53%)

Monochromatic colors

HEX RGB HSL
#94CCCD rgb(148,204,205) hsl(181,36%,69%)
#77BFBF rgb(119,191,191) hsl(180,36%,61%)
#5AB0B2 rgb(90,176,178) hsl(181,36%,53%)
#479699 rgb(71,150,153) hsl(182,37%,44%)
#397A7C rgb(57,122,124) hsl(182,37%,35%)
#2C5E5F rgb(44,94,95) hsl(181,37%,27%)

Triad color palettes

HEX RGB HSL
#5AB0B2 rgb(90,176,178) hsl(181,36%,53%)
#B25984 rgb(178,89,132) hsl(331,37%,52%)
#B2875A rgb(178,135,90) hsl(31,36%,53%)

Tetrad color palettes

HEX RGB HSL
#5AB0B2 rgb(90,176,178) hsl(181,36%,53%)
#B25C5A rgb(178,92,90) hsl(1,36%,53%)
#5AB388 rgb(90,179,136) hsl(151,37%,53%)
#B2875A rgb(178,135,90) hsl(31,36%,53%)