HEX #5AA395 color — Breaker Bay
The color #5AA395 is a light shade and slightly desaturated.
Palette
5AA395 color palette from light to dark
| HEX |
RGB |
HSL |
| #eff6f4 |
rgb(239,246,244) |
hsl(168,29%,95%) |
| #deedea |
rgb(222,237,234) |
hsl(168,29%,90%) |
| #cee4df |
rgb(206,228,223) |
hsl(168,29%,85%) |
| #bddbd5 |
rgb(189,219,213) |
hsl(168,29%,80%) |
| #add2ca |
rgb(173,210,202) |
hsl(168,29%,75%) |
| #9cc9c0 |
rgb(156,201,192) |
hsl(168,29%,70%) |
| #8cc0b5 |
rgb(140,192,181) |
hsl(168,29%,65%) |
| #7bb7ab |
rgb(123,183,171) |
hsl(168,29%,60%) |
| #6baea0 |
rgb(107,174,160) |
hsl(168,29%,55%) |
| #5ba496 |
rgb(91,164,150) |
hsl(168,29%,50%) |
| #519487 |
rgb(81,148,135) |
hsl(168,29%,45%) |
| #488478 |
rgb(72,132,120) |
hsl(168,29%,40%) |
| #3f7369 |
rgb(63,115,105) |
hsl(168,29%,35%) |
| #36635a |
rgb(54,99,90) |
hsl(168,29%,30%) |
| #2d524b |
rgb(45,82,75) |
hsl(168,29%,25%) |
| #24423c |
rgb(36,66,60) |
hsl(168,29%,20%) |
| #1b312d |
rgb(27,49,45) |
hsl(168,29%,15%) |
| #12211e |
rgb(18,33,30) |
hsl(168,29%,10%) |
| #09100f |
rgb(9,16,15) |
hsl(168,29%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA364 |
rgb(90,163,100) |
hsl(128,29%,50%) |
| #5AA395 |
rgb(90,163,149) |
hsl(168,29%,50%) |
| #5A80A3 |
rgb(90,128,163) |
hsl(209,29%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8DBFB6 |
rgb(141,191,182) |
hsl(169,28%,65%) |
| #73B3A6 |
rgb(115,179,166) |
hsl(168,30%,58%) |
| #5AA395 |
rgb(90,163,149) |
hsl(168,29%,50%) |
| #4B8A7D |
rgb(75,138,125) |
hsl(168,30%,42%) |
| #3D6E65 |
rgb(61,110,101) |
hsl(169,29%,34%) |
| #2E544D |
rgb(46,84,77) |
hsl(169,29%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA395 |
rgb(90,163,149) |
hsl(168,29%,50%) |
| #A3598C |
rgb(163,89,140) |
hsl(319,29%,49%) |
| #A3705A |
rgb(163,112,90) |
hsl(18,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA395 |
rgb(90,163,149) |
hsl(168,29%,50%) |
| #A35968 |
rgb(163,89,104) |
hsl(348,29%,49%) |
| #5AA370 |
rgb(90,163,112) |
hsl(138,29%,50%) |
| #A3705A |
rgb(163,112,90) |
hsl(18,29%,50%) |
