HEX #5BA999 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5ba999 color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(168,31%,96%)
#e1efec rgb(225,239,236) hsl(168,31%,91%)
#d0e6e2 rgb(208,230,226) hsl(168,31%,86%)
#c0ded8 rgb(192,222,216) hsl(168,31%,81%)
#afd5cd rgb(175,213,205) hsl(168,31%,76%)
#9eccc3 rgb(158,204,195) hsl(168,31%,71%)
#8dc3b8 rgb(141,195,184) hsl(168,31%,66%)
#7dbaae rgb(125,186,174) hsl(168,31%,61%)
#6cb2a4 rgb(108,178,164) hsl(168,31%,56%)
#5ba999 rgb(91,169,153) hsl(168,31%,51%)
#519a8b rgb(81,154,139) hsl(168,31%,46%)
#48897c rgb(72,137,124) hsl(168,31%,41%)
#3f786d rgb(63,120,109) hsl(168,31%,36%)
#37685e rgb(55,104,94) hsl(168,31%,31%)
#2e574f rgb(46,87,79) hsl(168,31%,26%)
#254640 rgb(37,70,64) hsl(168,31%,21%)
#1c3530 rgb(28,53,48) hsl(168,31%,16%)
#132521 rgb(19,37,33) hsl(168,31%,11%)
#0b1412 rgb(11,20,18) hsl(168,31%,6%)
#020303 rgb(2,3,3) hsl(168,31%,1%)

Adjacent colors

HEX RGB HSL
#5BA865 rgb(91,168,101) hsl(128,31%,51%)
#5BA999 rgb(91,169,153) hsl(168,31%,51%)
#5B85A9 rgb(91,133,169) hsl(208,31%,51%)

Monochromatic colors

HEX RGB HSL
#91C4BA rgb(145,196,186) hsl(168,30%,67%)
#76B8A9 rgb(118,184,169) hsl(166,32%,59%)
#5BA999 rgb(91,169,153) hsl(168,31%,51%)
#4B8F81 rgb(75,143,129) hsl(168,31%,43%)
#3C7368 rgb(60,115,104) hsl(168,31%,34%)
#2E5950 rgb(46,89,80) hsl(167,32%,26%)

Triad color palettes

HEX RGB HSL
#5BA999 rgb(91,169,153) hsl(168,31%,51%)
#A95C92 rgb(169,92,146) hsl(318,31%,51%)
#A9735B rgb(169,115,91) hsl(18,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5BA999 rgb(91,169,153) hsl(168,31%,51%)
#A95C6B rgb(169,92,107) hsl(348,31%,51%)
#5BA872 rgb(91,168,114) hsl(138,31%,51%)
#A9735B rgb(169,115,91) hsl(18,31%,51%)