HEX #5BA6A4 color — Breaker Bay
The color #5BA6A4 is a light shade and slightly desaturated.
Palette
5BA6A4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f6 |
rgb(238,246,246) |
hsl(178,30%,95%) |
| #deeded |
rgb(222,237,237) |
hsl(178,30%,90%) |
| #cde4e3 |
rgb(205,228,227) |
hsl(178,30%,85%) |
| #bddbda |
rgb(189,219,218) |
hsl(178,30%,80%) |
| #acd2d1 |
rgb(172,210,209) |
hsl(178,30%,75%) |
| #9cc9c8 |
rgb(156,201,200) |
hsl(178,30%,70%) |
| #8bc1bf |
rgb(139,193,191) |
hsl(178,30%,65%) |
| #7ab8b6 |
rgb(122,184,182) |
hsl(178,30%,60%) |
| #6aafac |
rgb(106,175,172) |
hsl(178,30%,55%) |
| #59a6a3 |
rgb(89,166,163) |
hsl(178,30%,50%) |
| #509593 |
rgb(80,149,147) |
hsl(178,30%,45%) |
| #478583 |
rgb(71,133,131) |
hsl(178,30%,40%) |
| #3e7472 |
rgb(62,116,114) |
hsl(178,30%,35%) |
| #366362 |
rgb(54,99,98) |
hsl(178,30%,30%) |
| #2d5352 |
rgb(45,83,82) |
hsl(178,30%,25%) |
| #244241 |
rgb(36,66,65) |
hsl(178,30%,20%) |
| #1b3231 |
rgb(27,50,49) |
hsl(178,30%,15%) |
| #122121 |
rgb(18,33,33) |
hsl(178,30%,10%) |
| #091110 |
rgb(9,17,16) |
hsl(178,30%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5BA672 |
rgb(91,166,114) |
hsl(138,30%,50%) |
| #5BA6A4 |
rgb(91,166,164) |
hsl(178,30%,50%) |
| #5B75A6 |
rgb(91,117,166) |
hsl(219,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #90C2C1 |
rgb(144,194,193) |
hsl(179,29%,66%) |
| #75B5B2 |
rgb(117,181,178) |
hsl(177,30%,58%) |
| #5BA6A4 |
rgb(91,166,164) |
hsl(178,30%,50%) |
| #4B8C8A |
rgb(75,140,138) |
hsl(178,30%,42%) |
| #3D706F |
rgb(61,112,111) |
hsl(179,29%,34%) |
| #2F5755 |
rgb(47,87,85) |
hsl(177,30%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5BA6A4 |
rgb(91,166,164) |
hsl(178,30%,50%) |
| #A65C82 |
rgb(166,92,130) |
hsl(329,29%,51%) |
| #A6805B |
rgb(166,128,91) |
hsl(30,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5BA6A4 |
rgb(91,166,164) |
hsl(178,30%,50%) |
| #A65C5D |
rgb(166,92,93) |
hsl(359,29%,51%) |
| #5BA67E |
rgb(91,166,126) |
hsl(148,30%,50%) |
| #A6805B |
rgb(166,128,91) |
hsl(30,30%,50%) |
