HEX #5AAF99 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaf99 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(164,35%,97%)
#e3f2ee rgb(227,242,238) hsl(164,35%,92%)
#d2e9e3 rgb(210,233,227) hsl(164,35%,87%)
#c1e1d9 rgb(193,225,217) hsl(164,35%,82%)
#b0d9ce rgb(176,217,206) hsl(164,35%,77%)
#9fd1c3 rgb(159,209,195) hsl(164,35%,72%)
#8dc8b9 rgb(141,200,185) hsl(164,35%,67%)
#7cc0ae rgb(124,192,174) hsl(164,35%,62%)
#6bb8a3 rgb(107,184,163) hsl(164,35%,57%)
#5aaf99 rgb(90,175,153) hsl(164,35%,52%)
#4ea28b rgb(78,162,139) hsl(164,35%,47%)
#46917d rgb(70,145,125) hsl(164,35%,42%)
#3d7f6e rgb(61,127,110) hsl(164,35%,37%)
#356e5f rgb(53,110,95) hsl(164,35%,32%)
#2d5d50 rgb(45,93,80) hsl(164,35%,27%)
#244c41 rgb(36,76,65) hsl(164,35%,22%)
#1c3b32 rgb(28,59,50) hsl(164,35%,17%)
#142924 rgb(20,41,36) hsl(164,35%,12%)
#0c1815 rgb(12,24,21) hsl(164,35%,7%)
#030706 rgb(3,7,6) hsl(164,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB060 rgb(90,176,96) hsl(124,35%,52%)
#5AAF99 rgb(90,175,153) hsl(164,35%,52%)
#5A8CAF rgb(90,140,175) hsl(205,35%,52%)

Monochromatic colors

HEX RGB HSL
#93C9BC rgb(147,201,188) hsl(166,33%,68%)
#76BDAA rgb(118,189,170) hsl(164,35%,60%)
#5AAF99 rgb(90,175,153) hsl(164,35%,52%)
#489681 rgb(72,150,129) hsl(164,35%,44%)
#3A7A69 rgb(58,122,105) hsl(164,36%,35%)
#2D5C50 rgb(45,92,80) hsl(165,34%,27%)

Triad color palettes

HEX RGB HSL
#5AAF99 rgb(90,175,153) hsl(164,35%,52%)
#AF599A rgb(175,89,154) hsl(315,35%,52%)
#AF6E5A rgb(175,110,90) hsl(14,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AAF99 rgb(90,175,153) hsl(164,35%,52%)
#AF5970 rgb(175,89,112) hsl(344,35%,52%)
#5AB06E rgb(90,176,110) hsl(134,35%,52%)
#AF6E5A rgb(175,110,90) hsl(14,35%,52%)