HEX #5BA493 color — Breaker Bay
The color #5ba493 is a light shade and slightly desaturated.
Palette
5ba493 color palette from light to dark
| HEX |
RGB |
HSL |
| #eff6f4 |
rgb(239,246,244) |
hsl(166,29%,95%) |
| #deede9 |
rgb(222,237,233) |
hsl(166,29%,90%) |
| #cee4df |
rgb(206,228,223) |
hsl(166,29%,85%) |
| #bddbd4 |
rgb(189,219,212) |
hsl(166,29%,80%) |
| #add2c9 |
rgb(173,210,201) |
hsl(166,29%,75%) |
| #9cc9be |
rgb(156,201,190) |
hsl(166,29%,70%) |
| #8cc0b4 |
rgb(140,192,180) |
hsl(166,29%,65%) |
| #7bb7a9 |
rgb(123,183,169) |
hsl(166,29%,60%) |
| #6bae9e |
rgb(107,174,158) |
hsl(166,29%,55%) |
| #5ba493 |
rgb(91,164,147) |
hsl(166,29%,50%) |
| #519484 |
rgb(81,148,132) |
hsl(166,29%,45%) |
| #488476 |
rgb(72,132,118) |
hsl(166,29%,40%) |
| #3f7367 |
rgb(63,115,103) |
hsl(166,29%,35%) |
| #366358 |
rgb(54,99,88) |
hsl(166,29%,30%) |
| #2d524a |
rgb(45,82,74) |
hsl(166,29%,25%) |
| #24423b |
rgb(36,66,59) |
hsl(166,29%,20%) |
| #1b312c |
rgb(27,49,44) |
hsl(166,29%,15%) |
| #12211d |
rgb(18,33,29) |
hsl(166,29%,10%) |
| #09100f |
rgb(9,16,15) |
hsl(166,29%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5BA362 |
rgb(91,163,98) |
hsl(126,28%,50%) |
| #5BA493 |
rgb(91,164,147) |
hsl(166,29%,50%) |
| #5B85A4 |
rgb(91,133,164) |
hsl(205,29%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8FC2B5 |
rgb(143,194,181) |
hsl(165,29%,66%) |
| #75B3A4 |
rgb(117,179,164) |
hsl(165,29%,58%) |
| #5BA493 |
rgb(91,164,147) |
hsl(166,29%,50%) |
| #4C8A7B |
rgb(76,138,123) |
hsl(165,29%,42%) |
| #3D7063 |
rgb(61,112,99) |
hsl(165,29%,34%) |
| #2F544C |
rgb(47,84,76) |
hsl(167,28%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5BA493 |
rgb(91,164,147) |
hsl(166,29%,50%) |
| #A45C90 |
rgb(164,92,144) |
hsl(317,28%,50%) |
| #A46E5B |
rgb(164,110,91) |
hsl(16,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5BA493 |
rgb(91,164,147) |
hsl(166,29%,50%) |
| #A45C6C |
rgb(164,92,108) |
hsl(347,28%,50%) |
| #5BA36E |
rgb(91,163,110) |
hsl(136,28%,50%) |
| #A46E5B |
rgb(164,110,91) |
hsl(16,29%,50%) |
