HEX #5BA4A0 color — Breaker Bay
The color #5ba4a0 is a light shade and slightly desaturated.
Palette
5ba4a0 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f6 |
rgb(239,246,246) |
hsl(177,29%,95%) |
#deedec |
rgb(222,237,236) |
hsl(177,29%,90%) |
#cee4e3 |
rgb(206,228,227) |
hsl(177,29%,85%) |
#bddbd9 |
rgb(189,219,217) |
hsl(177,29%,80%) |
#add2d0 |
rgb(173,210,208) |
hsl(177,29%,75%) |
#9cc9c6 |
rgb(156,201,198) |
hsl(177,29%,70%) |
#8cc0bd |
rgb(140,192,189) |
hsl(177,29%,65%) |
#7bb7b4 |
rgb(123,183,180) |
hsl(177,29%,60%) |
#6baeaa |
rgb(107,174,170) |
hsl(177,29%,55%) |
#5ba4a1 |
rgb(91,164,161) |
hsl(177,29%,50%) |
#519491 |
rgb(81,148,145) |
hsl(177,29%,45%) |
#488481 |
rgb(72,132,129) |
hsl(177,29%,40%) |
#3f7371 |
rgb(63,115,113) |
hsl(177,29%,35%) |
#366360 |
rgb(54,99,96) |
hsl(177,29%,30%) |
#2d5250 |
rgb(45,82,80) |
hsl(177,29%,25%) |
#244240 |
rgb(36,66,64) |
hsl(177,29%,20%) |
#1b3130 |
rgb(27,49,48) |
hsl(177,29%,15%) |
#122120 |
rgb(18,33,32) |
hsl(177,29%,10%) |
#091010 |
rgb(9,16,16) |
hsl(177,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA36F |
rgb(91,163,111) |
hsl(137,28%,50%) |
#5BA4A0 |
rgb(91,164,160) |
hsl(177,29%,50%) |
#5B78A4 |
rgb(91,120,164) |
hsl(216,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FC2BE |
rgb(143,194,190) |
hsl(175,29%,66%) |
#75B3AF |
rgb(117,179,175) |
hsl(176,29%,58%) |
#5BA4A0 |
rgb(91,164,160) |
hsl(177,29%,50%) |
#4C8A86 |
rgb(76,138,134) |
hsl(176,29%,42%) |
#3D706C |
rgb(61,112,108) |
hsl(175,29%,34%) |
#2F5453 |
rgb(47,84,83) |
hsl(178,28%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BA4A0 |
rgb(91,164,160) |
hsl(177,29%,50%) |
#A45C83 |
rgb(164,92,131) |
hsl(328,28%,50%) |
#A47A5B |
rgb(164,122,91) |
hsl(25,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA4A0 |
rgb(91,164,160) |
hsl(177,29%,50%) |
#A45C5F |
rgb(164,92,95) |
hsl(358,28%,50%) |
#5BA37B |
rgb(91,163,123) |
hsl(147,28%,50%) |
#A47A5B |
rgb(164,122,91) |
hsl(25,29%,50%) |