HEX #5AA68D color — Breaker Bay
The color #5AA68D is a light shade and slightly desaturated.
Palette
5AA68D color palette from light to dark
HEX |
RGB |
HSL |
#eef6f4 |
rgb(238,246,244) |
hsl(160,30%,95%) |
#deede8 |
rgb(222,237,232) |
hsl(160,30%,90%) |
#cde4dd |
rgb(205,228,221) |
hsl(160,30%,85%) |
#bddbd1 |
rgb(189,219,209) |
hsl(160,30%,80%) |
#acd2c6 |
rgb(172,210,198) |
hsl(160,30%,75%) |
#9cc9ba |
rgb(156,201,186) |
hsl(160,30%,70%) |
#8bc1af |
rgb(139,193,175) |
hsl(160,30%,65%) |
#7ab8a3 |
rgb(122,184,163) |
hsl(160,30%,60%) |
#6aaf98 |
rgb(106,175,152) |
hsl(160,30%,55%) |
#59a68c |
rgb(89,166,140) |
hsl(160,30%,50%) |
#50957e |
rgb(80,149,126) |
hsl(160,30%,45%) |
#478570 |
rgb(71,133,112) |
hsl(160,30%,40%) |
#3e7462 |
rgb(62,116,98) |
hsl(160,30%,35%) |
#366354 |
rgb(54,99,84) |
hsl(160,30%,30%) |
#2d5346 |
rgb(45,83,70) |
hsl(160,30%,25%) |
#244238 |
rgb(36,66,56) |
hsl(160,30%,20%) |
#1b322a |
rgb(27,50,42) |
hsl(160,30%,15%) |
#12211c |
rgb(18,33,28) |
hsl(160,30%,10%) |
#09110e |
rgb(9,17,14) |
hsl(160,30%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA65A |
rgb(90,166,90) |
hsl(120,30%,50%) |
#5AA68D |
rgb(90,166,141) |
hsl(160,30%,50%) |
#5A8CA6 |
rgb(90,140,166) |
hsl(201,30%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FC2B1 |
rgb(143,194,177) |
hsl(160,29%,66%) |
#74B59F |
rgb(116,181,159) |
hsl(160,31%,58%) |
#5AA68D |
rgb(90,166,141) |
hsl(160,30%,50%) |
#4B8C76 |
rgb(75,140,118) |
hsl(160,30%,42%) |
#3D705F |
rgb(61,112,95) |
hsl(160,29%,34%) |
#2E5749 |
rgb(46,87,73) |
hsl(160,31%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA68D |
rgb(90,166,141) |
hsl(160,30%,50%) |
#A65999 |
rgb(166,89,153) |
hsl(310,30%,50%) |
#A6665A |
rgb(166,102,90) |
hsl(9,30%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA68D |
rgb(90,166,141) |
hsl(160,30%,50%) |
#A65973 |
rgb(166,89,115) |
hsl(340,30%,50%) |
#5AA667 |
rgb(90,166,103) |
hsl(130,30%,50%) |
#A6665A |
rgb(166,102,90) |
hsl(9,30%,50%) |