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