HEX #5AAF9A color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaf9a color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(165,35%,97%)
#e3f2ee rgb(227,242,238) hsl(165,35%,92%)
#d2e9e4 rgb(210,233,228) hsl(165,35%,87%)
#c1e1d9 rgb(193,225,217) hsl(165,35%,82%)
#b0d9cf rgb(176,217,207) hsl(165,35%,77%)
#9fd1c4 rgb(159,209,196) hsl(165,35%,72%)
#8dc8ba rgb(141,200,186) hsl(165,35%,67%)
#7cc0af rgb(124,192,175) hsl(165,35%,62%)
#6bb8a5 rgb(107,184,165) hsl(165,35%,57%)
#5aaf9a rgb(90,175,154) hsl(165,35%,52%)
#4ea28d rgb(78,162,141) hsl(165,35%,47%)
#46917e rgb(70,145,126) hsl(165,35%,42%)
#3d7f6f rgb(61,127,111) hsl(165,35%,37%)
#356e60 rgb(53,110,96) hsl(165,35%,32%)
#2d5d51 rgb(45,93,81) hsl(165,35%,27%)
#244c42 rgb(36,76,66) hsl(165,35%,22%)
#1c3b33 rgb(28,59,51) hsl(165,35%,17%)
#142924 rgb(20,41,36) hsl(165,35%,12%)
#0c1815 rgb(12,24,21) hsl(165,35%,7%)
#030706 rgb(3,7,6) hsl(165,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB061 rgb(90,176,97) hsl(125,35%,52%)
#5AAF9A rgb(90,175,154) hsl(165,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%)
#76BDAB rgb(118,189,171) hsl(165,35%,60%)
#5AAF9A rgb(90,175,154) hsl(165,35%,52%)
#489682 rgb(72,150,130) hsl(165,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
#5AAF9A rgb(90,175,154) hsl(165,35%,52%)
#AF5999 rgb(175,89,153) hsl(315,35%,52%)
#AF705A rgb(175,112,90) hsl(16,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AAF9A rgb(90,175,154) hsl(165,35%,52%)
#AF596F rgb(175,89,111) hsl(345,35%,52%)
#5AB06F rgb(90,176,111) hsl(135,35%,52%)
#AF705A rgb(175,112,90) hsl(16,35%,52%)