HEX #58A395 color — Breaker Bay
The color #58A395 is a light shade and slightly desaturated.
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%) |