HEX #5BA497 color — Breaker Bay
The color #5ba497 is a light shade and slightly desaturated.
Palette
5ba497 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f5 |
rgb(239,246,245) |
hsl(169,29%,95%) |
#deedea |
rgb(222,237,234) |
hsl(169,29%,90%) |
#cee4e0 |
rgb(206,228,224) |
hsl(169,29%,85%) |
#bddbd5 |
rgb(189,219,213) |
hsl(169,29%,80%) |
#add2cb |
rgb(173,210,203) |
hsl(169,29%,75%) |
#9cc9c1 |
rgb(156,201,193) |
hsl(169,29%,70%) |
#8cc0b6 |
rgb(140,192,182) |
hsl(169,29%,65%) |
#7bb7ac |
rgb(123,183,172) |
hsl(169,29%,60%) |
#6baea1 |
rgb(107,174,161) |
hsl(169,29%,55%) |
#5ba497 |
rgb(91,164,151) |
hsl(169,29%,50%) |
#519488 |
rgb(81,148,136) |
hsl(169,29%,45%) |
#488479 |
rgb(72,132,121) |
hsl(169,29%,40%) |
#3f736a |
rgb(63,115,106) |
hsl(169,29%,35%) |
#36635b |
rgb(54,99,91) |
hsl(169,29%,30%) |
#2d524b |
rgb(45,82,75) |
hsl(169,29%,25%) |
#24423c |
rgb(36,66,60) |
hsl(169,29%,20%) |
#1b312d |
rgb(27,49,45) |
hsl(169,29%,15%) |
#12211e |
rgb(18,33,30) |
hsl(169,29%,10%) |
#09100f |
rgb(9,16,15) |
hsl(169,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA366 |
rgb(91,163,102) |
hsl(129,28%,50%) |
#5BA497 |
rgb(91,164,151) |
hsl(169,29%,50%) |
#5B80A4 |
rgb(91,128,164) |
hsl(210,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FC2B8 |
rgb(143,194,184) |
hsl(168,29%,66%) |
#75B3A7 |
rgb(117,179,167) |
hsl(168,29%,58%) |
#5BA497 |
rgb(91,164,151) |
hsl(169,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 |
#5BA497 |
rgb(91,164,151) |
hsl(169,29%,50%) |
#A45C8C |
rgb(164,92,140) |
hsl(320,28%,50%) |
#A4735B |
rgb(164,115,91) |
hsl(20,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA497 |
rgb(91,164,151) |
hsl(169,29%,50%) |
#A45C68 |
rgb(164,92,104) |
hsl(350,28%,50%) |
#5BA372 |
rgb(91,163,114) |
hsl(139,28%,50%) |
#A4735B |
rgb(164,115,91) |
hsl(20,29%,50%) |