HEX #5AA399 color — Breaker Bay
The color #5AA399 is a light shade and slightly desaturated.
Palette
5AA399 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f5 |
rgb(239,246,245) |
hsl(172,29%,95%) |
#deedeb |
rgb(222,237,235) |
hsl(172,29%,90%) |
#cee4e1 |
rgb(206,228,225) |
hsl(172,29%,85%) |
#bddbd7 |
rgb(189,219,215) |
hsl(172,29%,80%) |
#add2cd |
rgb(173,210,205) |
hsl(172,29%,75%) |
#9cc9c3 |
rgb(156,201,195) |
hsl(172,29%,70%) |
#8cc0b9 |
rgb(140,192,185) |
hsl(172,29%,65%) |
#7bb7af |
rgb(123,183,175) |
hsl(172,29%,60%) |
#6baea5 |
rgb(107,174,165) |
hsl(172,29%,55%) |
#5ba49b |
rgb(91,164,155) |
hsl(172,29%,50%) |
#51948b |
rgb(81,148,139) |
hsl(172,29%,45%) |
#48847c |
rgb(72,132,124) |
hsl(172,29%,40%) |
#3f736c |
rgb(63,115,108) |
hsl(172,29%,35%) |
#36635d |
rgb(54,99,93) |
hsl(172,29%,30%) |
#2d524d |
rgb(45,82,77) |
hsl(172,29%,25%) |
#24423e |
rgb(36,66,62) |
hsl(172,29%,20%) |
#1b312e |
rgb(27,49,46) |
hsl(172,29%,15%) |
#12211f |
rgb(18,33,31) |
hsl(172,29%,10%) |
#09100f |
rgb(9,16,15) |
hsl(172,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA368 |
rgb(90,163,104) |
hsl(132,29%,50%) |
#5AA399 |
rgb(90,163,153) |
hsl(172,29%,50%) |
#5A7DA3 |
rgb(90,125,163) |
hsl(211,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DBFB9 |
rgb(141,191,185) |
hsl(173,28%,65%) |
#73B3A9 |
rgb(115,179,169) |
hsl(171,30%,58%) |
#5AA399 |
rgb(90,163,153) |
hsl(172,29%,50%) |
#4B8A80 |
rgb(75,138,128) |
hsl(170,30%,42%) |
#3D6E68 |
rgb(61,110,104) |
hsl(173,29%,34%) |
#2E544F |
rgb(46,84,79) |
hsl(172,29%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA399 |
rgb(90,163,153) |
hsl(172,29%,50%) |
#A35988 |
rgb(163,89,136) |
hsl(322,29%,49%) |
#A3755A |
rgb(163,117,90) |
hsl(22,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA399 |
rgb(90,163,153) |
hsl(172,29%,50%) |
#A35964 |
rgb(163,89,100) |
hsl(351,29%,49%) |
#5AA374 |
rgb(90,163,116) |
hsl(141,29%,50%) |
#A3755A |
rgb(163,117,90) |
hsl(22,29%,50%) |