HEX #5B99A4 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5B99A4 color palette from light to dark

HEX RGB HSL
#eff5f6 rgb(239,245,246) hsl(189,29%,95%)
#deebed rgb(222,235,237) hsl(189,29%,90%)
#cee1e4 rgb(206,225,228) hsl(189,29%,85%)
#bdd6db rgb(189,214,219) hsl(189,29%,80%)
#adccd2 rgb(173,204,210) hsl(189,29%,75%)
#9cc2c9 rgb(156,194,201) hsl(189,29%,70%)
#8cb8c0 rgb(140,184,192) hsl(189,29%,65%)
#7baeb7 rgb(123,174,183) hsl(189,29%,60%)
#6ba4ae rgb(107,164,174) hsl(189,29%,55%)
#5b99a4 rgb(91,153,164) hsl(189,29%,50%)
#518a94 rgb(81,138,148) hsl(189,29%,45%)
#487b84 rgb(72,123,132) hsl(189,29%,40%)
#3f6b73 rgb(63,107,115) hsl(189,29%,35%)
#365c63 rgb(54,92,99) hsl(189,29%,30%)
#2d4d52 rgb(45,77,82) hsl(189,29%,25%)
#243d42 rgb(36,61,66) hsl(189,29%,20%)
#1b2e31 rgb(27,46,49) hsl(189,29%,15%)
#121f21 rgb(18,31,33) hsl(189,29%,10%)
#090f10 rgb(9,15,16) hsl(189,29%,5%)

Adjacent colors

HEX RGB HSL
#5BA37E rgb(91,163,126) hsl(149,28%,50%)
#5B99A4 rgb(91,153,164) hsl(189,29%,50%)
#5B69A4 rgb(91,105,164) hsl(228,29%,50%)

Monochromatic colors

HEX RGB HSL
#8FBAC1 rgb(143,186,193) hsl(188,29%,66%)
#75A8B2 rgb(117,168,178) hsl(190,28%,58%)
#5B99A4 rgb(91,153,164) hsl(189,29%,50%)
#4C8089 rgb(76,128,137) hsl(189,29%,42%)
#3D696F rgb(61,105,111) hsl(187,29%,34%)
#2F4F55 rgb(47,79,85) hsl(189,29%,26%)

Triad color palettes

HEX RGB HSL
#5B99A4 rgb(91,153,164) hsl(189,29%,50%)
#A45C74 rgb(164,92,116) hsl(340,28%,50%)
#A48A5B rgb(164,138,91) hsl(39,29%,50%)

Tetrad color palettes

HEX RGB HSL
#5B99A4 rgb(91,153,164) hsl(189,29%,50%)
#A4665B rgb(164,102,91) hsl(9,29%,50%)
#5BA38A rgb(91,163,138) hsl(159,28%,50%)
#A48A5B rgb(164,138,91) hsl(39,29%,50%)