HEX #5AB5A2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AB5A2 color palette from light to dark

HEX RGB HSL
#f8fcfb rgb(248,252,251) hsl(167,38%,98%)
#e6f4f1 rgb(230,244,241) hsl(167,38%,93%)
#d5ece7 rgb(213,236,231) hsl(167,38%,88%)
#c3e4dd rgb(195,228,221) hsl(167,38%,83%)
#b2dcd3 rgb(178,220,211) hsl(167,38%,78%)
#a0d4c9 rgb(160,212,201) hsl(167,38%,73%)
#8eccbf rgb(142,204,191) hsl(167,38%,68%)
#7dc5b5 rgb(125,197,181) hsl(167,38%,63%)
#6bbdab rgb(107,189,171) hsl(167,38%,58%)
#5ab5a1 rgb(90,181,161) hsl(167,38%,53%)
#4ca995 rgb(76,169,149) hsl(167,38%,48%)
#449785 rgb(68,151,133) hsl(167,38%,43%)
#3c8676 rgb(60,134,118) hsl(167,38%,38%)
#347466 rgb(52,116,102) hsl(167,38%,33%)
#2c6357 rgb(44,99,87) hsl(167,38%,28%)
#245147 rgb(36,81,71) hsl(167,38%,23%)
#1c3f38 rgb(28,63,56) hsl(167,38%,18%)
#152e28 rgb(21,46,40) hsl(167,38%,13%)
#0d1c19 rgb(13,28,25) hsl(167,38%,8%)
#050b09 rgb(5,11,9) hsl(167,38%,3%)

Adjacent colors

HEX RGB HSL
#5AB565 rgb(90,181,101) hsl(127,38%,53%)
#5AB5A2 rgb(90,181,162) hsl(167,38%,53%)
#5A8CB5 rgb(90,140,181) hsl(207,38%,53%)

Monochromatic colors

HEX RGB HSL
#95D1C3 rgb(149,209,195) hsl(166,39%,70%)
#77C2B2 rgb(119,194,178) hsl(167,38%,61%)
#5AB5A2 rgb(90,181,162) hsl(167,38%,53%)
#469E8B rgb(70,158,139) hsl(167,39%,45%)
#398070 rgb(57,128,112) hsl(166,38%,36%)
#2B6156 rgb(43,97,86) hsl(168,39%,27%)

Triad color palettes

HEX RGB HSL
#5AB5A2 rgb(90,181,162) hsl(167,38%,53%)
#B5599A rgb(181,89,154) hsl(318,38%,53%)
#B5755A rgb(181,117,90) hsl(18,38%,53%)

Tetrad color palettes

HEX RGB HSL
#5AB5A2 rgb(90,181,162) hsl(167,38%,53%)
#B5596D rgb(181,89,109) hsl(347,38%,53%)
#5AB574 rgb(90,181,116) hsl(137,38%,53%)
#B5755A rgb(181,117,90) hsl(18,38%,53%)