HEX #5AB0B2 color — Tradewind
The color #5AB0B2 is a light shade and slightly desaturated.
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%) |