HEX #509B96 color — Breaker Bay
The color #509B96 is a light shade and slightly desaturated.
Palette
509B96 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f8 |
rgb(242,248,248) |
hsl(176,32%,96%) |
#e1efee |
rgb(225,239,238) |
hsl(176,32%,91%) |
#d0e7e5 |
rgb(208,231,229) |
hsl(176,32%,86%) |
#bfdedc |
rgb(191,222,220) |
hsl(176,32%,81%) |
#aed5d3 |
rgb(174,213,211) |
hsl(176,32%,76%) |
#9dcdca |
rgb(157,205,202) |
hsl(176,32%,71%) |
#8dc4c0 |
rgb(141,196,192) |
hsl(176,32%,66%) |
#7cbbb7 |
rgb(124,187,183) |
hsl(176,32%,61%) |
#6bb3ae |
rgb(107,179,174) |
hsl(176,32%,56%) |
#5aaaa5 |
rgb(90,170,165) |
hsl(176,32%,51%) |
#509b96 |
rgb(80,155,150) |
hsl(176,32%,46%) |
#478a86 |
rgb(71,138,134) |
hsl(176,32%,41%) |
#3e7975 |
rgb(62,121,117) |
hsl(176,32%,36%) |
#366865 |
rgb(54,104,101) |
hsl(176,32%,31%) |
#2d5855 |
rgb(45,88,85) |
hsl(176,32%,26%) |
#244744 |
rgb(36,71,68) |
hsl(176,32%,21%) |
#1c3634 |
rgb(28,54,52) |
hsl(176,32%,16%) |
#132524 |
rgb(19,37,36) |
hsl(176,32%,11%) |
#0a1414 |
rgb(10,20,20) |
hsl(176,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(176,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#509C64 |
rgb(80,156,100) |
hsl(136,32%,46%) |
#509B96 |
rgb(80,155,150) |
hsl(176,32%,46%) |
#506E9B |
rgb(80,110,155) |
hsl(216,32%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BBAB6 |
rgb(123,186,182) |
hsl(176,31%,61%) |
#62ADA9 |
rgb(98,173,169) |
hsl(177,31%,53%) |
#509B96 |
rgb(80,155,150) |
hsl(176,32%,46%) |
#43827E |
rgb(67,130,126) |
hsl(176,32%,39%) |
#366966 |
rgb(54,105,102) |
hsl(176,32%,31%) |
#29524E |
rgb(41,82,78) |
hsl(174,33%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#509B96 |
rgb(80,155,150) |
hsl(176,32%,46%) |
#9B4F7A |
rgb(155,79,122) |
hsl(326,32%,46%) |
#9B7050 |
rgb(155,112,80) |
hsl(26,32%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#509B96 |
rgb(80,155,150) |
hsl(176,32%,46%) |
#9B4F55 |
rgb(155,79,85) |
hsl(355,32%,46%) |
#509C70 |
rgb(80,156,112) |
hsl(145,32%,46%) |
#9B7050 |
rgb(155,112,80) |
hsl(26,32%,46%) |