HEX #5BA995 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5ba995 color palette from light to dark

HEX RGB HSL
#f2f8f6 rgb(242,248,246) hsl(165,31%,96%)
#e1efec rgb(225,239,236) hsl(165,31%,91%)
#d0e6e1 rgb(208,230,225) hsl(165,31%,86%)
#c0ded6 rgb(192,222,214) hsl(165,31%,81%)
#afd5cb rgb(175,213,203) hsl(165,31%,76%)
#9eccc1 rgb(158,204,193) hsl(165,31%,71%)
#8dc3b6 rgb(141,195,182) hsl(165,31%,66%)
#7dbaab rgb(125,186,171) hsl(165,31%,61%)
#6cb2a0 rgb(108,178,160) hsl(165,31%,56%)
#5ba995 rgb(91,169,149) hsl(165,31%,51%)
#519a87 rgb(81,154,135) hsl(165,31%,46%)
#488979 rgb(72,137,121) hsl(165,31%,41%)
#3f786a rgb(63,120,106) hsl(165,31%,36%)
#37685b rgb(55,104,91) hsl(165,31%,31%)
#2e574d rgb(46,87,77) hsl(165,31%,26%)
#25463e rgb(37,70,62) hsl(165,31%,21%)
#1c352f rgb(28,53,47) hsl(165,31%,16%)
#132520 rgb(19,37,32) hsl(165,31%,11%)
#0b1412 rgb(11,20,18) hsl(165,31%,6%)
#020303 rgb(2,3,3) hsl(165,31%,1%)

Adjacent colors

HEX RGB HSL
#5BA861 rgb(91,168,97) hsl(125,31%,51%)
#5BA995 rgb(91,169,149) hsl(165,31%,51%)
#5B8AA9 rgb(91,138,169) hsl(204,31%,51%)

Monochromatic colors

HEX RGB HSL
#91C4B8 rgb(145,196,184) hsl(166,30%,67%)
#76B8A6 rgb(118,184,166) hsl(164,32%,59%)
#5BA995 rgb(91,169,149) hsl(165,31%,51%)
#4B8F7D rgb(75,143,125) hsl(164,31%,43%)
#3C7365 rgb(60,115,101) hsl(165,31%,34%)
#2E594D rgb(46,89,77) hsl(163,32%,26%)

Triad color palettes

HEX RGB HSL
#5BA995 rgb(91,169,149) hsl(165,31%,51%)
#A95C96 rgb(169,92,150) hsl(315,31%,51%)
#A96E5B rgb(169,110,91) hsl(15,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5BA995 rgb(91,169,149) hsl(165,31%,51%)
#A95C6F rgb(169,92,111) hsl(345,31%,51%)
#5BA86E rgb(91,168,110) hsl(135,31%,51%)
#A96E5B rgb(169,110,91) hsl(15,31%,51%)