HEX #5BA68E color — Breaker Bay
The color #5BA68E is a light shade and slightly desaturated.
Palette
5BA68E color palette from light to dark
HEX |
RGB |
HSL |
#eef6f4 |
rgb(238,246,244) |
hsl(161,30%,95%) |
#deede8 |
rgb(222,237,232) |
hsl(161,30%,90%) |
#cde4dd |
rgb(205,228,221) |
hsl(161,30%,85%) |
#bddbd2 |
rgb(189,219,210) |
hsl(161,30%,80%) |
#acd2c6 |
rgb(172,210,198) |
hsl(161,30%,75%) |
#9cc9bb |
rgb(156,201,187) |
hsl(161,30%,70%) |
#8bc1b0 |
rgb(139,193,176) |
hsl(161,30%,65%) |
#7ab8a4 |
rgb(122,184,164) |
hsl(161,30%,60%) |
#6aaf99 |
rgb(106,175,153) |
hsl(161,30%,55%) |
#59a68e |
rgb(89,166,142) |
hsl(161,30%,50%) |
#50957f |
rgb(80,149,127) |
hsl(161,30%,45%) |
#478571 |
rgb(71,133,113) |
hsl(161,30%,40%) |
#3e7463 |
rgb(62,116,99) |
hsl(161,30%,35%) |
#366355 |
rgb(54,99,85) |
hsl(161,30%,30%) |
#2d5347 |
rgb(45,83,71) |
hsl(161,30%,25%) |
#244239 |
rgb(36,66,57) |
hsl(161,30%,20%) |
#1b322a |
rgb(27,50,42) |
hsl(161,30%,15%) |
#12211c |
rgb(18,33,28) |
hsl(161,30%,10%) |
#09110e |
rgb(9,17,14) |
hsl(161,30%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA65C |
rgb(91,166,92) |
hsl(121,30%,50%) |
#5BA68E |
rgb(91,166,142) |
hsl(161,30%,50%) |
#5B8CA6 |
rgb(91,140,166) |
hsl(201,30%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C2B2 |
rgb(144,194,178) |
hsl(161,29%,66%) |
#75B5A0 |
rgb(117,181,160) |
hsl(160,30%,58%) |
#5BA68E |
rgb(91,166,142) |
hsl(161,30%,50%) |
#4B8C77 |
rgb(75,140,119) |
hsl(161,30%,42%) |
#3D7060 |
rgb(61,112,96) |
hsl(161,29%,34%) |
#2F5749 |
rgb(47,87,73) |
hsl(159,30%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BA68E |
rgb(91,166,142) |
hsl(161,30%,50%) |
#A65C98 |
rgb(166,92,152) |
hsl(311,29%,51%) |
#A6695B |
rgb(166,105,91) |
hsl(11,30%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA68E |
rgb(91,166,142) |
hsl(161,30%,50%) |
#A65C73 |
rgb(166,92,115) |
hsl(341,29%,51%) |
#5BA668 |
rgb(91,166,104) |
hsl(130,30%,50%) |
#A6695B |
rgb(166,105,91) |
hsl(11,30%,50%) |