HEX #5BA4A4 color — Breaker Bay
The color #5ba4a4 is a light shade and slightly desaturated.
Palette
5ba4a4 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f6 |
rgb(239,246,246) |
hsl(180,29%,95%) |
#deeded |
rgb(222,237,237) |
hsl(180,29%,90%) |
#cee4e4 |
rgb(206,228,228) |
hsl(180,29%,85%) |
#bddbdb |
rgb(189,219,219) |
hsl(180,29%,80%) |
#add2d2 |
rgb(173,210,210) |
hsl(180,29%,75%) |
#9cc9c9 |
rgb(156,201,201) |
hsl(180,29%,70%) |
#8cc0c0 |
rgb(140,192,192) |
hsl(180,29%,65%) |
#7bb7b7 |
rgb(123,183,183) |
hsl(180,29%,60%) |
#6baeae |
rgb(107,174,174) |
hsl(180,29%,55%) |
#5ba4a4 |
rgb(91,164,164) |
hsl(180,29%,50%) |
#519494 |
rgb(81,148,148) |
hsl(180,29%,45%) |
#488484 |
rgb(72,132,132) |
hsl(180,29%,40%) |
#3f7373 |
rgb(63,115,115) |
hsl(180,29%,35%) |
#366363 |
rgb(54,99,99) |
hsl(180,29%,30%) |
#2d5252 |
rgb(45,82,82) |
hsl(180,29%,25%) |
#244242 |
rgb(36,66,66) |
hsl(180,29%,20%) |
#1b3131 |
rgb(27,49,49) |
hsl(180,29%,15%) |
#122121 |
rgb(18,33,33) |
hsl(180,29%,10%) |
#091010 |
rgb(9,16,16) |
hsl(180,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA373 |
rgb(91,163,115) |
hsl(140,28%,50%) |
#5BA4A4 |
rgb(91,164,164) |
hsl(180,29%,50%) |
#5B73A4 |
rgb(91,115,164) |
hsl(220,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FC2C1 |
rgb(143,194,193) |
hsl(179,29%,66%) |
#75B3B2 |
rgb(117,179,178) |
hsl(179,29%,58%) |
#5BA4A4 |
rgb(91,164,164) |
hsl(180,29%,50%) |
#4C8A89 |
rgb(76,138,137) |
hsl(179,29%,42%) |
#3D706F |
rgb(61,112,111) |
hsl(179,29%,34%) |
#2F5455 |
rgb(47,84,85) |
hsl(182,29%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BA4A4 |
rgb(91,164,164) |
hsl(180,29%,50%) |
#A45C7F |
rgb(164,92,127) |
hsl(331,28%,50%) |
#A4805B |
rgb(164,128,91) |
hsl(30,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA4A4 |
rgb(91,164,164) |
hsl(180,29%,50%) |
#A45C5B |
rgb(164,92,91) |
hsl(1,29%,50%) |
#5BA37F |
rgb(91,163,127) |
hsl(150,28%,50%) |
#A4805B |
rgb(164,128,91) |
hsl(30,29%,50%) |