HEX #509C97 color — Breaker Bay
The color #509C97 is a light shade and slightly desaturated.
Palette
509C97 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%) |
#509C97 |
rgb(80,156,151) |
hsl(176,32%,46%) |
#506E9C |
rgb(80,110,156) |
hsl(216,32%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BBDB7 |
rgb(123,189,183) |
hsl(175,33%,61%) |
#62B0A9 |
rgb(98,176,169) |
hsl(175,33%,54%) |
#509C97 |
rgb(80,156,151) |
hsl(176,32%,46%) |
#43827E |
rgb(67,130,126) |
hsl(176,32%,39%) |
#366B66 |
rgb(54,107,102) |
hsl(174,33%,32%) |
#29524E |
rgb(41,82,78) |
hsl(174,33%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#509C97 |
rgb(80,156,151) |
hsl(176,32%,46%) |
#9C4F7B |
rgb(156,79,123) |
hsl(326,33%,46%) |
#9C7050 |
rgb(156,112,80) |
hsl(25,32%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#509C97 |
rgb(80,156,151) |
hsl(176,32%,46%) |
#9C4F55 |
rgb(156,79,85) |
hsl(355,33%,46%) |
#509C71 |
rgb(80,156,113) |
hsl(146,32%,46%) |
#9C7050 |
rgb(156,112,80) |
hsl(25,32%,46%) |