HEX #58A395 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

58A395 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(169,30%,99%)
#ebf4f3 rgb(235,244,243) hsl(169,30%,94%)
#dbebe8 rgb(219,235,232) hsl(169,30%,89%)
#cae2de rgb(202,226,222) hsl(169,30%,84%)
#b9dad4 rgb(185,218,212) hsl(169,30%,79%)
#a9d1c9 rgb(169,209,201) hsl(169,30%,74%)
#98c8bf rgb(152,200,191) hsl(169,30%,69%)
#88bfb5 rgb(136,191,181) hsl(169,30%,64%)
#77b6aa rgb(119,182,170) hsl(169,30%,59%)
#67ada0 rgb(103,173,160) hsl(169,30%,54%)
#57a295 rgb(87,162,149) hsl(169,30%,49%)
#4f9286 rgb(79,146,134) hsl(169,30%,44%)
#468176 rgb(70,129,118) hsl(169,30%,39%)
#3d7167 rgb(61,113,103) hsl(169,30%,34%)
#346058 rgb(52,96,88) hsl(169,30%,29%)
#2b5049 rgb(43,80,73) hsl(169,30%,24%)
#223f3a rgb(34,63,58) hsl(169,30%,19%)
#192e2a rgb(25,46,42) hsl(169,30%,14%)
#101e1b rgb(16,30,27) hsl(169,30%,9%)
#070d0c rgb(7,13,12) hsl(169,30%,4%)

Adjacent colors

HEX RGB HSL
#58A363 rgb(88,163,99) hsl(129,30%,49%)
#58A395 rgb(88,163,149) hsl(169,30%,49%)
#5880A3 rgb(88,128,163) hsl(208,30%,49%)

Monochromatic colors

HEX RGB HSL
#8ABFB6 rgb(138,191,182) hsl(170,29%,65%)
#70B3A6 rgb(112,179,166) hsl(168,31%,57%)
#58A395 rgb(88,163,149) hsl(169,30%,49%)
#498A7D rgb(73,138,125) hsl(168,31%,41%)
#3B6E65 rgb(59,110,101) hsl(169,30%,33%)
#2D544D rgb(45,84,77) hsl(169,30%,25%)

Triad color palettes

HEX RGB HSL
#58A395 rgb(88,163,149) hsl(169,30%,49%)
#A3598B rgb(163,89,139) hsl(319,29%,49%)
#A37058 rgb(163,112,88) hsl(19,30%,49%)

Tetrad color palettes

HEX RGB HSL
#58A395 rgb(88,163,149) hsl(169,30%,49%)
#A35966 rgb(163,89,102) hsl(349,29%,49%)
#58A36F rgb(88,163,111) hsl(138,30%,49%)
#A37058 rgb(163,112,88) hsl(19,30%,49%)