HEX #509F96 color — Breaker Bay

The color #509f96 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

509f96 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(173,33%,97%)
#e4f1f0 rgb(228,241,240) hsl(173,33%,92%)
#d3e9e6 rgb(211,233,230) hsl(173,33%,87%)
#c2e0dd rgb(194,224,221) hsl(173,33%,82%)
#b1d8d3 rgb(177,216,211) hsl(173,33%,77%)
#a0cfca rgb(160,207,202) hsl(173,33%,72%)
#8fc7c0 rgb(143,199,192) hsl(173,33%,67%)
#7ebeb7 rgb(126,190,183) hsl(173,33%,62%)
#6db6ad rgb(109,182,173) hsl(173,33%,57%)
#5cada4 rgb(92,173,164) hsl(173,33%,52%)
#509f96 rgb(80,159,150) hsl(173,33%,47%)
#488e86 rgb(72,142,134) hsl(173,33%,42%)
#3f7d76 rgb(63,125,118) hsl(173,33%,37%)
#376d66 rgb(55,109,102) hsl(173,33%,32%)
#2e5c56 rgb(46,92,86) hsl(173,33%,27%)
#264b46 rgb(38,75,70) hsl(173,33%,22%)
#1d3a36 rgb(29,58,54) hsl(173,33%,17%)
#152926 rgb(21,41,38) hsl(173,33%,12%)
#0c1816 rgb(12,24,22) hsl(173,33%,7%)
#030706 rgb(3,7,6) hsl(173,33%,2%)

Adjacent colors

HEX RGB HSL
#509E61 rgb(80,158,97) hsl(133,33%,47%)
#509F96 rgb(80,159,150) hsl(173,33%,47%)
#50739F rgb(80,115,159) hsl(213,33%,47%)

Monochromatic colors

HEX RGB HSL
#7DBDB6 rgb(125,189,182) hsl(173,33%,62%)
#64B0A8 rgb(100,176,168) hsl(174,32%,54%)
#509F96 rgb(80,159,150) hsl(173,33%,47%)
#43857E rgb(67,133,126) hsl(174,33%,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
#509F96 rgb(80,159,150) hsl(173,33%,47%)
#9F4F80 rgb(159,79,128) hsl(323,34%,47%)
#9F6E50 rgb(159,110,80) hsl(23,33%,47%)

Tetrad color palettes

HEX RGB HSL
#509F96 rgb(80,159,150) hsl(173,33%,47%)
#9F4F59 rgb(159,79,89) hsl(353,34%,47%)
#509E6E rgb(80,158,110) hsl(143,33%,47%)
#9F6E50 rgb(159,110,80) hsl(23,33%,47%)