HEX #5B9EA5 color — Breaker Bay

The color #5B9EA5 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5B9EA5 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
#5BA67A rgb(91,166,122) hsl(145,30%,50%)
#5B9EA5 rgb(91,158,165) hsl(186,29%,50%)
#5B6EA5 rgb(91,110,165) hsl(225,29%,50%)

Monochromatic colors

HEX RGB HSL
#8FBDC2 rgb(143,189,194) hsl(186,29%,66%)
#75ADB3 rgb(117,173,179) hsl(186,29%,58%)
#5B9EA5 rgb(91,158,165) hsl(186,29%,50%)
#4C858A rgb(76,133,138) hsl(185,29%,42%)
#3D6B70 rgb(61,107,112) hsl(186,29%,34%)
#2F5255 rgb(47,82,85) hsl(185,29%,26%)

Triad color palettes

HEX RGB HSL
#5B9EA5 rgb(91,158,165) hsl(186,29%,50%)
#A55C79 rgb(165,92,121) hsl(336,29%,50%)
#A5875B rgb(165,135,91) hsl(36,29%,50%)

Tetrad color palettes

HEX RGB HSL
#5B9EA5 rgb(91,158,165) hsl(186,29%,50%)
#A5615B rgb(165,97,91) hsl(5,29%,50%)
#5BA687 rgb(91,166,135) hsl(155,30%,50%)
#A5875B rgb(165,135,91) hsl(36,29%,50%)