HEX #5AB5A3 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AB5A3 color palette from light to dark

HEX RGB HSL
#f8fcfb rgb(248,252,251) hsl(168,38%,98%)
#e6f4f1 rgb(230,244,241) hsl(168,38%,93%)
#d5ece7 rgb(213,236,231) hsl(168,38%,88%)
#c3e4de rgb(195,228,222) hsl(168,38%,83%)
#b2dcd4 rgb(178,220,212) hsl(168,38%,78%)
#a0d4ca rgb(160,212,202) hsl(168,38%,73%)
#8eccc0 rgb(142,204,192) hsl(168,38%,68%)
#7dc5b6 rgb(125,197,182) hsl(168,38%,63%)
#6bbdac rgb(107,189,172) hsl(168,38%,58%)
#5ab5a2 rgb(90,181,162) hsl(168,38%,53%)
#4ca996 rgb(76,169,150) hsl(168,38%,48%)
#449787 rgb(68,151,135) hsl(168,38%,43%)
#3c8677 rgb(60,134,119) hsl(168,38%,38%)
#347467 rgb(52,116,103) hsl(168,38%,33%)
#2c6358 rgb(44,99,88) hsl(168,38%,28%)
#245148 rgb(36,81,72) hsl(168,38%,23%)
#1c3f38 rgb(28,63,56) hsl(168,38%,18%)
#152e29 rgb(21,46,41) hsl(168,38%,13%)
#0d1c19 rgb(13,28,25) hsl(168,38%,8%)
#050b09 rgb(5,11,9) hsl(168,38%,3%)

Adjacent colors

HEX RGB HSL
#5AB566 rgb(90,181,102) hsl(128,38%,53%)
#5AB5A3 rgb(90,181,163) hsl(168,38%,53%)
#5A8AB5 rgb(90,138,181) hsl(208,38%,53%)

Monochromatic colors

HEX RGB HSL
#95D1C4 rgb(149,209,196) hsl(167,39%,70%)
#77C2B3 rgb(119,194,179) hsl(168,38%,61%)
#5AB5A3 rgb(90,181,163) hsl(168,38%,53%)
#469E8C rgb(70,158,140) hsl(168,39%,45%)
#398071 rgb(57,128,113) hsl(167,38%,36%)
#2B6156 rgb(43,97,86) hsl(168,39%,27%)

Triad color palettes

HEX RGB HSL
#5AB5A3 rgb(90,181,163) hsl(168,38%,53%)
#B55999 rgb(181,89,153) hsl(318,38%,53%)
#B5755A rgb(181,117,90) hsl(18,38%,53%)

Tetrad color palettes

HEX RGB HSL
#5AB5A3 rgb(90,181,163) hsl(168,38%,53%)
#B5596C rgb(181,89,108) hsl(348,38%,53%)
#5AB575 rgb(90,181,117) hsl(138,38%,53%)
#B5755A rgb(181,117,90) hsl(18,38%,53%)