HEX #5BA89E color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA89E color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(172,31%,96%)
#e1efed rgb(225,239,237) hsl(172,31%,91%)
#d0e6e3 rgb(208,230,227) hsl(172,31%,86%)
#c0deda rgb(192,222,218) hsl(172,31%,81%)
#afd5d0 rgb(175,213,208) hsl(172,31%,76%)
#9eccc6 rgb(158,204,198) hsl(172,31%,71%)
#8dc3bc rgb(141,195,188) hsl(172,31%,66%)
#7dbab2 rgb(125,186,178) hsl(172,31%,61%)
#6cb2a8 rgb(108,178,168) hsl(172,31%,56%)
#5ba99e rgb(91,169,158) hsl(172,31%,51%)
#519a90 rgb(81,154,144) hsl(172,31%,46%)
#488980 rgb(72,137,128) hsl(172,31%,41%)
#3f7871 rgb(63,120,113) hsl(172,31%,36%)
#376861 rgb(55,104,97) hsl(172,31%,31%)
#2e5751 rgb(46,87,81) hsl(172,31%,26%)
#254642 rgb(37,70,66) hsl(172,31%,21%)
#1c3532 rgb(28,53,50) hsl(172,31%,16%)
#132522 rgb(19,37,34) hsl(172,31%,11%)
#0b1413 rgb(11,20,19) hsl(172,31%,6%)
#020303 rgb(2,3,3) hsl(172,31%,1%)

Adjacent colors

HEX RGB HSL
#5BA86A rgb(91,168,106) hsl(132,31%,51%)
#5BA89E rgb(91,168,158) hsl(172,31%,51%)
#5B80A8 rgb(91,128,168) hsl(211,31%,51%)

Monochromatic colors

HEX RGB HSL
#91C4BE rgb(145,196,190) hsl(173,30%,67%)
#76B8AE rgb(118,184,174) hsl(171,32%,59%)
#5BA89E rgb(91,168,158) hsl(172,31%,51%)
#4B8F85 rgb(75,143,133) hsl(171,31%,43%)
#3D736C rgb(61,115,108) hsl(172,31%,35%)
#2E5952 rgb(46,89,82) hsl(170,32%,26%)

Triad color palettes

HEX RGB HSL
#5BA89E rgb(91,168,158) hsl(172,31%,51%)
#A85C8B rgb(168,92,139) hsl(323,30%,51%)
#A8785B rgb(168,120,91) hsl(23,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5BA89E rgb(91,168,158) hsl(172,31%,51%)
#A85C65 rgb(168,92,101) hsl(353,30%,51%)
#5BA877 rgb(91,168,119) hsl(142,31%,51%)
#A8785B rgb(168,120,91) hsl(23,31%,51%)