HEX #58A396 color — Breaker Bay

The color #58A396 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

58A396 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(170,30%,99%)
#ebf4f3 rgb(235,244,243) hsl(170,30%,94%)
#dbebe9 rgb(219,235,233) hsl(170,30%,89%)
#cae2de rgb(202,226,222) hsl(170,30%,84%)
#b9dad4 rgb(185,218,212) hsl(170,30%,79%)
#a9d1ca rgb(169,209,202) hsl(170,30%,74%)
#98c8c0 rgb(152,200,192) hsl(170,30%,69%)
#88bfb6 rgb(136,191,182) hsl(170,30%,64%)
#77b6ab rgb(119,182,171) hsl(170,30%,59%)
#67ada1 rgb(103,173,161) hsl(170,30%,54%)
#57a296 rgb(87,162,150) hsl(170,30%,49%)
#4f9287 rgb(79,146,135) hsl(170,30%,44%)
#468177 rgb(70,129,119) hsl(170,30%,39%)
#3d7168 rgb(61,113,104) hsl(170,30%,34%)
#346059 rgb(52,96,89) hsl(170,30%,29%)
#2b5049 rgb(43,80,73) hsl(170,30%,24%)
#223f3a rgb(34,63,58) hsl(170,30%,19%)
#192e2b rgb(25,46,43) hsl(170,30%,14%)
#101e1c rgb(16,30,28) hsl(170,30%,9%)
#070d0c rgb(7,13,12) hsl(170,30%,4%)

Adjacent colors

HEX RGB HSL
#58A364 rgb(88,163,100) hsl(130,30%,49%)
#58A396 rgb(88,163,150) hsl(170,30%,49%)
#587DA3 rgb(88,125,163) hsl(210,30%,49%)

Monochromatic colors

HEX RGB HSL
#8ABFB7 rgb(138,191,183) hsl(171,29%,65%)
#70B3A6 rgb(112,179,166) hsl(168,31%,57%)
#58A396 rgb(88,163,150) hsl(170,30%,49%)
#498A7E rgb(73,138,126) hsl(169,31%,41%)
#3B6E66 rgb(59,110,102) hsl(171,30%,33%)
#2D544E rgb(45,84,78) hsl(171,30%,25%)

Triad color palettes

HEX RGB HSL
#58A396 rgb(88,163,150) hsl(170,30%,49%)
#A3598A rgb(163,89,138) hsl(320,29%,49%)
#A37058 rgb(163,112,88) hsl(19,30%,49%)

Tetrad color palettes

HEX RGB HSL
#58A396 rgb(88,163,150) hsl(170,30%,49%)
#A35965 rgb(163,89,101) hsl(350,29%,49%)
#58A370 rgb(88,163,112) hsl(139,30%,49%)
#A37058 rgb(163,112,88) hsl(19,30%,49%)