HEX #5BA496 color — Breaker Bay
The color #5ba496 is a light shade and slightly desaturated.
Palette
5ba496 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f4 |
rgb(239,246,244) |
hsl(168,29%,95%) |
#deedea |
rgb(222,237,234) |
hsl(168,29%,90%) |
#cee4df |
rgb(206,228,223) |
hsl(168,29%,85%) |
#bddbd5 |
rgb(189,219,213) |
hsl(168,29%,80%) |
#add2ca |
rgb(173,210,202) |
hsl(168,29%,75%) |
#9cc9c0 |
rgb(156,201,192) |
hsl(168,29%,70%) |
#8cc0b5 |
rgb(140,192,181) |
hsl(168,29%,65%) |
#7bb7ab |
rgb(123,183,171) |
hsl(168,29%,60%) |
#6baea0 |
rgb(107,174,160) |
hsl(168,29%,55%) |
#5ba496 |
rgb(91,164,150) |
hsl(168,29%,50%) |
#519487 |
rgb(81,148,135) |
hsl(168,29%,45%) |
#488478 |
rgb(72,132,120) |
hsl(168,29%,40%) |
#3f7369 |
rgb(63,115,105) |
hsl(168,29%,35%) |
#36635a |
rgb(54,99,90) |
hsl(168,29%,30%) |
#2d524b |
rgb(45,82,75) |
hsl(168,29%,25%) |
#24423c |
rgb(36,66,60) |
hsl(168,29%,20%) |
#1b312d |
rgb(27,49,45) |
hsl(168,29%,15%) |
#12211e |
rgb(18,33,30) |
hsl(168,29%,10%) |
#09100f |
rgb(9,16,15) |
hsl(168,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA365 |
rgb(91,163,101) |
hsl(128,28%,50%) |
#5BA496 |
rgb(91,164,150) |
hsl(168,29%,50%) |
#5B82A4 |
rgb(91,130,164) |
hsl(208,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FC2B7 |
rgb(143,194,183) |
hsl(167,29%,66%) |
#75B3A6 |
rgb(117,179,166) |
hsl(167,29%,58%) |
#5BA496 |
rgb(91,164,150) |
hsl(168,29%,50%) |
#4C8A7E |
rgb(76,138,126) |
hsl(168,29%,42%) |
#3D7066 |
rgb(61,112,102) |
hsl(168,29%,34%) |
#2F544E |
rgb(47,84,78) |
hsl(170,28%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BA496 |
rgb(91,164,150) |
hsl(168,29%,50%) |
#A45C8D |
rgb(164,92,141) |
hsl(319,28%,50%) |
#A4735B |
rgb(164,115,91) |
hsl(20,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA496 |
rgb(91,164,150) |
hsl(168,29%,50%) |
#A45C69 |
rgb(164,92,105) |
hsl(349,28%,50%) |
#5BA371 |
rgb(91,163,113) |
hsl(138,28%,50%) |
#A4735B |
rgb(164,115,91) |
hsl(20,29%,50%) |