HEX #509C88 color — Breaker Bay
The color #509C88 is a light shade and slightly desaturated.
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%) |