HEX #5B9DA4 color — Breaker Bay
The color #5b9da4 is a light shade and slightly desaturated.
Palette
5b9da4 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f6 |
rgb(239,245,246) |
hsl(186,29%,95%) |
#deebed |
rgb(222,235,237) |
hsl(186,29%,90%) |
#cee2e4 |
rgb(206,226,228) |
hsl(186,29%,85%) |
#bdd8db |
rgb(189,216,219) |
hsl(186,29%,80%) |
#adced2 |
rgb(173,206,210) |
hsl(186,29%,75%) |
#9cc4c9 |
rgb(156,196,201) |
hsl(186,29%,70%) |
#8cbac0 |
rgb(140,186,192) |
hsl(186,29%,65%) |
#7bb1b7 |
rgb(123,177,183) |
hsl(186,29%,60%) |
#6ba7ae |
rgb(107,167,174) |
hsl(186,29%,55%) |
#5b9da4 |
rgb(91,157,164) |
hsl(186,29%,50%) |
#518d94 |
rgb(81,141,148) |
hsl(186,29%,45%) |
#487e84 |
rgb(72,126,132) |
hsl(186,29%,40%) |
#3f6e73 |
rgb(63,110,115) |
hsl(186,29%,35%) |
#365e63 |
rgb(54,94,99) |
hsl(186,29%,30%) |
#2d4f52 |
rgb(45,79,82) |
hsl(186,29%,25%) |
#243f42 |
rgb(36,63,66) |
hsl(186,29%,20%) |
#1b2f31 |
rgb(27,47,49) |
hsl(186,29%,15%) |
#121f21 |
rgb(18,31,33) |
hsl(186,29%,10%) |
#091010 |
rgb(9,16,16) |
hsl(186,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA37A |
rgb(91,163,122) |
hsl(146,28%,50%) |
#5B9DA4 |
rgb(91,157,164) |
hsl(186,29%,50%) |
#5B6BA4 |
rgb(91,107,164) |
hsl(227,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FBDC1 |
rgb(143,189,193) |
hsl(185,29%,66%) |
#75ADB2 |
rgb(117,173,178) |
hsl(185,28%,58%) |
#5B9DA4 |
rgb(91,157,164) |
hsl(186,29%,50%) |
#4C8589 |
rgb(76,133,137) |
hsl(184,29%,42%) |
#3D6B6F |
rgb(61,107,111) |
hsl(185,29%,34%) |
#2F5255 |
rgb(47,82,85) |
hsl(185,29%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B9DA4 |
rgb(91,157,164) |
hsl(186,29%,50%) |
#A45C78 |
rgb(164,92,120) |
hsl(337,28%,50%) |
#A4875B |
rgb(164,135,91) |
hsl(36,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B9DA4 |
rgb(91,157,164) |
hsl(186,29%,50%) |
#A4615B |
rgb(164,97,91) |
hsl(5,29%,50%) |
#5BA386 |
rgb(91,163,134) |
hsl(156,28%,50%) |
#A4875B |
rgb(164,135,91) |
hsl(36,29%,50%) |