HEX #509C88 color — Breaker Bay

The color #509C88 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

509C88 color palette from light to dark

HEX RGB HSL
#f2f8f6 rgb(242,248,246) hsl(164,32%,96%)
#e1efeb rgb(225,239,235) hsl(164,32%,91%)
#d0e7e1 rgb(208,231,225) hsl(164,32%,86%)
#bfded6 rgb(191,222,214) hsl(164,32%,81%)
#aed5cb rgb(174,213,203) hsl(164,32%,76%)
#9dcdc0 rgb(157,205,192) hsl(164,32%,71%)
#8dc4b5 rgb(141,196,181) hsl(164,32%,66%)
#7cbbaa rgb(124,187,170) hsl(164,32%,61%)
#6bb3a0 rgb(107,179,160) hsl(164,32%,56%)
#5aaa95 rgb(90,170,149) hsl(164,32%,51%)
#509b87 rgb(80,155,135) hsl(164,32%,46%)
#478a78 rgb(71,138,120) hsl(164,32%,41%)
#3e796a rgb(62,121,106) hsl(164,32%,36%)
#36685b rgb(54,104,91) hsl(164,32%,31%)
#2d584c rgb(45,88,76) hsl(164,32%,26%)
#24473e rgb(36,71,62) hsl(164,32%,21%)
#1c362f rgb(28,54,47) hsl(164,32%,16%)
#132520 rgb(19,37,32) hsl(164,32%,11%)
#0a1412 rgb(10,20,18) hsl(164,32%,6%)
#020303 rgb(2,3,3) hsl(164,32%,1%)

Adjacent colors

HEX RGB HSL
#509C55 rgb(80,156,85) hsl(124,32%,46%)
#509C88 rgb(80,156,136) hsl(164,32%,46%)
#507D9C rgb(80,125,156) hsl(204,32%,46%)

Monochromatic colors

HEX RGB HSL
#7BBDAA rgb(123,189,170) hsl(163,33%,61%)
#62B09A rgb(98,176,154) hsl(163,33%,54%)
#509C88 rgb(80,156,136) hsl(164,32%,46%)
#438272 rgb(67,130,114) hsl(165,32%,39%)
#366B5C rgb(54,107,92) hsl(163,33%,32%)
#295246 rgb(41,82,70) hsl(162,33%,24%)

Triad color palettes

HEX RGB HSL
#509C88 rgb(80,156,136) hsl(164,32%,46%)
#9C4F8A rgb(156,79,138) hsl(314,33%,46%)
#9C6150 rgb(156,97,80) hsl(13,32%,46%)

Tetrad color palettes

HEX RGB HSL
#509C88 rgb(80,156,136) hsl(164,32%,46%)
#9C4F64 rgb(156,79,100) hsl(344,33%,46%)
#509C62 rgb(80,156,98) hsl(134,32%,46%)
#9C6150 rgb(156,97,80) hsl(13,32%,46%)