HEX #509697 color — Breaker Bay
The color #509697 is a light shade and slightly desaturated.
Palette
509697 color palette from light to dark
HEX |
RGB |
HSL |
#eef6f6 |
rgb(238,246,246) |
hsl(181,31%,95%) |
#deeded |
rgb(222,237,237) |
hsl(181,31%,90%) |
#cde4e5 |
rgb(205,228,229) |
hsl(181,31%,85%) |
#bcdbdc |
rgb(188,219,220) |
hsl(181,31%,80%) |
#abd2d3 |
rgb(171,210,211) |
hsl(181,31%,75%) |
#9bc9ca |
rgb(155,201,202) |
hsl(181,31%,70%) |
#8ac0c1 |
rgb(138,192,193) |
hsl(181,31%,65%) |
#79b8b9 |
rgb(121,184,185) |
hsl(181,31%,60%) |
#69afb0 |
rgb(105,175,176) |
hsl(181,31%,55%) |
#58a6a7 |
rgb(88,166,167) |
hsl(181,31%,50%) |
#4f9596 |
rgb(79,149,150) |
hsl(181,31%,45%) |
#468586 |
rgb(70,133,134) |
hsl(181,31%,40%) |
#3e7475 |
rgb(62,116,117) |
hsl(181,31%,35%) |
#356364 |
rgb(53,99,100) |
hsl(181,31%,30%) |
#2c5354 |
rgb(44,83,84) |
hsl(181,31%,25%) |
#234243 |
rgb(35,66,67) |
hsl(181,31%,20%) |
#1a3232 |
rgb(26,50,50) |
hsl(181,31%,15%) |
#122121 |
rgb(18,33,33) |
hsl(181,31%,10%) |
#091111 |
rgb(9,17,17) |
hsl(181,31%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#509668 |
rgb(80,150,104) |
hsl(141,30%,45%) |
#509697 |
rgb(80,150,151) |
hsl(181,31%,45%) |
#506697 |
rgb(80,102,151) |
hsl(221,31%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78B8B7 |
rgb(120,184,183) |
hsl(179,31%,60%) |
#60ABAB |
rgb(96,171,171) |
hsl(180,31%,52%) |
#509697 |
rgb(80,150,151) |
hsl(181,31%,45%) |
#437D7E |
rgb(67,125,126) |
hsl(181,31%,38%) |
#366666 |
rgb(54,102,102) |
hsl(180,31%,31%) |
#294F4E |
rgb(41,79,78) |
hsl(178,32%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#509697 |
rgb(80,150,151) |
hsl(181,31%,45%) |
#974F72 |
rgb(151,79,114) |
hsl(331,31%,45%) |
#977550 |
rgb(151,117,80) |
hsl(31,31%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#509697 |
rgb(80,150,151) |
hsl(181,31%,45%) |
#975250 |
rgb(151,82,80) |
hsl(2,31%,45%) |
#509674 |
rgb(80,150,116) |
hsl(151,30%,45%) |
#977550 |
rgb(151,117,80) |
hsl(31,31%,45%) |