HEX #5BA3A4 color — Breaker Bay
The color #5ba3a4 is a light shade and slightly desaturated.
Palette
5ba3a4 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f6 |
rgb(239,246,246) |
hsl(181,29%,95%) |
#deeded |
rgb(222,237,237) |
hsl(181,29%,90%) |
#cee3e4 |
rgb(206,227,228) |
hsl(181,29%,85%) |
#bddadb |
rgb(189,218,219) |
hsl(181,29%,80%) |
#add1d2 |
rgb(173,209,210) |
hsl(181,29%,75%) |
#9cc8c9 |
rgb(156,200,201) |
hsl(181,29%,70%) |
#8cbfc0 |
rgb(140,191,192) |
hsl(181,29%,65%) |
#7bb6b7 |
rgb(123,182,183) |
hsl(181,29%,60%) |
#6bacae |
rgb(107,172,174) |
hsl(181,29%,55%) |
#5ba3a4 |
rgb(91,163,164) |
hsl(181,29%,50%) |
#519394 |
rgb(81,147,148) |
hsl(181,29%,45%) |
#488384 |
rgb(72,131,132) |
hsl(181,29%,40%) |
#3f7273 |
rgb(63,114,115) |
hsl(181,29%,35%) |
#366263 |
rgb(54,98,99) |
hsl(181,29%,30%) |
#2d5252 |
rgb(45,82,82) |
hsl(181,29%,25%) |
#244142 |
rgb(36,65,66) |
hsl(181,29%,20%) |
#1b3131 |
rgb(27,49,49) |
hsl(181,29%,15%) |
#122121 |
rgb(18,33,33) |
hsl(181,29%,10%) |
#091010 |
rgb(9,16,16) |
hsl(181,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA374 |
rgb(91,163,116) |
hsl(141,28%,50%) |
#5BA3A4 |
rgb(91,163,164) |
hsl(181,29%,50%) |
#5B73A4 |
rgb(91,115,164) |
hsl(220,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FBFC1 |
rgb(143,191,193) |
hsl(182,29%,66%) |
#75B3B2 |
rgb(117,179,178) |
hsl(179,29%,58%) |
#5BA3A4 |
rgb(91,163,164) |
hsl(181,29%,50%) |
#4C8A89 |
rgb(76,138,137) |
hsl(179,29%,42%) |
#3D6E6F |
rgb(61,110,111) |
hsl(181,29%,34%) |
#2F5455 |
rgb(47,84,85) |
hsl(182,29%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BA3A4 |
rgb(91,163,164) |
hsl(181,29%,50%) |
#A45C7E |
rgb(164,92,126) |
hsl(332,28%,50%) |
#A4805B |
rgb(164,128,91) |
hsl(30,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA3A4 |
rgb(91,163,164) |
hsl(181,29%,50%) |
#A45C5B |
rgb(164,92,91) |
hsl(1,29%,50%) |
#5BA380 |
rgb(91,163,128) |
hsl(151,28%,50%) |
#A4805B |
rgb(164,128,91) |
hsl(30,29%,50%) |