HEX #509B8E color — Breaker Bay
The color #509b8e is a light shade and slightly desaturated.
Palette
509b8e color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f7 |
rgb(242,248,247) |
hsl(170,32%,96%) |
#e1efed |
rgb(225,239,237) |
hsl(170,32%,91%) |
#d0e7e3 |
rgb(208,231,227) |
hsl(170,32%,86%) |
#bfded9 |
rgb(191,222,217) |
hsl(170,32%,81%) |
#aed5cf |
rgb(174,213,207) |
hsl(170,32%,76%) |
#9dcdc5 |
rgb(157,205,197) |
hsl(170,32%,71%) |
#8dc4bb |
rgb(141,196,187) |
hsl(170,32%,66%) |
#7cbbb1 |
rgb(124,187,177) |
hsl(170,32%,61%) |
#6bb3a7 |
rgb(107,179,167) |
hsl(170,32%,56%) |
#5aaa9d |
rgb(90,170,157) |
hsl(170,32%,51%) |
#509b8e |
rgb(80,155,142) |
hsl(170,32%,46%) |
#478a7f |
rgb(71,138,127) |
hsl(170,32%,41%) |
#3e796f |
rgb(62,121,111) |
hsl(170,32%,36%) |
#366860 |
rgb(54,104,96) |
hsl(170,32%,31%) |
#2d5850 |
rgb(45,88,80) |
hsl(170,32%,26%) |
#244741 |
rgb(36,71,65) |
hsl(170,32%,21%) |
#1c3632 |
rgb(28,54,50) |
hsl(170,32%,16%) |
#132522 |
rgb(19,37,34) |
hsl(170,32%,11%) |
#0a1413 |
rgb(10,20,19) |
hsl(170,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(170,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#509C5C |
rgb(80,156,92) |
hsl(129,32%,46%) |
#509B8E |
rgb(80,155,142) |
hsl(170,32%,46%) |
#50759B |
rgb(80,117,155) |
hsl(210,32%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BBAAF |
rgb(123,186,175) |
hsl(170,31%,61%) |
#62ADA1 |
rgb(98,173,161) |
hsl(170,31%,53%) |
#509B8E |
rgb(80,155,142) |
hsl(170,32%,46%) |
#438277 |
rgb(67,130,119) |
hsl(170,32%,39%) |
#366960 |
rgb(54,105,96) |
hsl(169,32%,31%) |
#295249 |
rgb(41,82,73) |
hsl(167,33%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#509B8E |
rgb(80,155,142) |
hsl(170,32%,46%) |
#9B4F82 |
rgb(155,79,130) |
hsl(320,32%,46%) |
#9B6950 |
rgb(155,105,80) |
hsl(20,32%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#509B8E |
rgb(80,155,142) |
hsl(170,32%,46%) |
#9B4F5D |
rgb(155,79,93) |
hsl(349,32%,46%) |
#509C68 |
rgb(80,156,104) |
hsl(139,32%,46%) |
#9B6950 |
rgb(155,105,80) |
hsl(20,32%,46%) |