HEX #5BA395 color — Breaker Bay
The color #5BA395 is a light shade and slightly desaturated.
Palette
5BA395 color palette from light to dark
| HEX |
RGB |
HSL |
| #eff6f4 |
rgb(239,246,244) |
hsl(168,28%,95%) |
| #deedea |
rgb(222,237,234) |
hsl(168,28%,90%) |
| #cee3df |
rgb(206,227,223) |
hsl(168,28%,85%) |
| #bedad5 |
rgb(190,218,213) |
hsl(168,28%,80%) |
| #add1ca |
rgb(173,209,202) |
hsl(168,28%,75%) |
| #9dc8bf |
rgb(157,200,191) |
hsl(168,28%,70%) |
| #8dbfb5 |
rgb(141,191,181) |
hsl(168,28%,65%) |
| #7cb6aa |
rgb(124,182,170) |
hsl(168,28%,60%) |
| #6caca0 |
rgb(108,172,160) |
hsl(168,28%,55%) |
| #5ca395 |
rgb(92,163,149) |
hsl(168,28%,50%) |
| #539386 |
rgb(83,147,134) |
hsl(168,28%,45%) |
| #498377 |
rgb(73,131,119) |
hsl(168,28%,40%) |
| #407268 |
rgb(64,114,104) |
hsl(168,28%,35%) |
| #376259 |
rgb(55,98,89) |
hsl(168,28%,30%) |
| #2e524a |
rgb(46,82,74) |
hsl(168,28%,25%) |
| #25413c |
rgb(37,65,60) |
hsl(168,28%,20%) |
| #1c312d |
rgb(28,49,45) |
hsl(168,28%,15%) |
| #12211e |
rgb(18,33,30) |
hsl(168,28%,10%) |
| #09100f |
rgb(9,16,15) |
hsl(168,28%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5BA365 |
rgb(91,163,101) |
hsl(128,28%,50%) |
| #5BA395 |
rgb(91,163,149) |
hsl(168,28%,50%) |
| #5B82A3 |
rgb(91,130,163) |
hsl(208,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8EBFB6 |
rgb(142,191,182) |
hsl(169,28%,65%) |
| #74B3A5 |
rgb(116,179,165) |
hsl(167,29%,58%) |
| #5BA395 |
rgb(91,163,149) |
hsl(168,28%,50%) |
| #4C8A7D |
rgb(76,138,125) |
hsl(167,29%,42%) |
| #3D6E65 |
rgb(61,110,101) |
hsl(169,29%,34%) |
| #2F544D |
rgb(47,84,77) |
hsl(169,28%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5BA395 |
rgb(91,163,149) |
hsl(168,28%,50%) |
| #A35C8D |
rgb(163,92,141) |
hsl(319,28%,50%) |
| #A3705B |
rgb(163,112,91) |
hsl(18,28%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5BA395 |
rgb(91,163,149) |
hsl(168,28%,50%) |
| #A35C69 |
rgb(163,92,105) |
hsl(349,28%,50%) |
| #5BA371 |
rgb(91,163,113) |
hsl(138,28%,50%) |
| #A3705B |
rgb(163,112,91) |
hsl(18,28%,50%) |
