HEX #509C96 color — Breaker Bay
The color #509C96 is a light shade and slightly desaturated.
Palette
509C96 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f8 |
rgb(242,248,248) |
hsl(175,32%,96%) |
#e1efee |
rgb(225,239,238) |
hsl(175,32%,91%) |
#d0e7e5 |
rgb(208,231,229) |
hsl(175,32%,86%) |
#bfdedb |
rgb(191,222,219) |
hsl(175,32%,81%) |
#aed5d2 |
rgb(174,213,210) |
hsl(175,32%,76%) |
#9dcdc9 |
rgb(157,205,201) |
hsl(175,32%,71%) |
#8dc4bf |
rgb(141,196,191) |
hsl(175,32%,66%) |
#7cbbb6 |
rgb(124,187,182) |
hsl(175,32%,61%) |
#6bb3ad |
rgb(107,179,173) |
hsl(175,32%,56%) |
#5aaaa3 |
rgb(90,170,163) |
hsl(175,32%,51%) |
#509b95 |
rgb(80,155,149) |
hsl(175,32%,46%) |
#478a84 |
rgb(71,138,132) |
hsl(175,32%,41%) |
#3e7974 |
rgb(62,121,116) |
hsl(175,32%,36%) |
#366864 |
rgb(54,104,100) |
hsl(175,32%,31%) |
#2d5854 |
rgb(45,88,84) |
hsl(175,32%,26%) |
#244744 |
rgb(36,71,68) |
hsl(175,32%,21%) |
#1c3634 |
rgb(28,54,52) |
hsl(175,32%,16%) |
#132524 |
rgb(19,37,36) |
hsl(175,32%,11%) |
#0a1413 |
rgb(10,20,19) |
hsl(175,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(175,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#509C63 |
rgb(80,156,99) |
hsl(135,32%,46%) |
#509C96 |
rgb(80,156,150) |
hsl(175,32%,46%) |
#50709C |
rgb(80,112,156) |
hsl(215,32%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BBDB6 |
rgb(123,189,182) |
hsl(174,33%,61%) |
#62B0A8 |
rgb(98,176,168) |
hsl(174,33%,54%) |
#509C96 |
rgb(80,156,150) |
hsl(175,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 |
#509C96 |
rgb(80,156,150) |
hsl(175,32%,46%) |
#9C4F7C |
rgb(156,79,124) |
hsl(325,33%,46%) |
#9C7050 |
rgb(156,112,80) |
hsl(25,32%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#509C96 |
rgb(80,156,150) |
hsl(175,32%,46%) |
#9C4F56 |
rgb(156,79,86) |
hsl(355,33%,46%) |
#509C70 |
rgb(80,156,112) |
hsl(145,32%,46%) |
#9C7050 |
rgb(156,112,80) |
hsl(25,32%,46%) |