HEX #58A696 color — Breaker Bay
The color #58A696 is a light shade and slightly desaturated.
Palette
58A696 color palette from light to dark
HEX |
RGB |
HSL |
#eef6f5 |
rgb(238,246,245) |
hsl(168,31%,95%) |
#deedea |
rgb(222,237,234) |
hsl(168,31%,90%) |
#cde5e0 |
rgb(205,229,224) |
hsl(168,31%,85%) |
#bcdcd5 |
rgb(188,220,213) |
hsl(168,31%,80%) |
#abd3cb |
rgb(171,211,203) |
hsl(168,31%,75%) |
#9bcac1 |
rgb(155,202,193) |
hsl(168,31%,70%) |
#8ac1b6 |
rgb(138,193,182) |
hsl(168,31%,65%) |
#79b9ac |
rgb(121,185,172) |
hsl(168,31%,60%) |
#69b0a2 |
rgb(105,176,162) |
hsl(168,31%,55%) |
#58a797 |
rgb(88,167,151) |
hsl(168,31%,50%) |
#4f9688 |
rgb(79,150,136) |
hsl(168,31%,45%) |
#468679 |
rgb(70,134,121) |
hsl(168,31%,40%) |
#3e756a |
rgb(62,117,106) |
hsl(168,31%,35%) |
#35645b |
rgb(53,100,91) |
hsl(168,31%,30%) |
#2c544c |
rgb(44,84,76) |
hsl(168,31%,25%) |
#23433c |
rgb(35,67,60) |
hsl(168,31%,20%) |
#1a322d |
rgb(26,50,45) |
hsl(168,31%,15%) |
#12211e |
rgb(18,33,30) |
hsl(168,31%,10%) |
#09110f |
rgb(9,17,15) |
hsl(168,31%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#58A662 |
rgb(88,166,98) |
hsl(128,31%,50%) |
#58A696 |
rgb(88,166,150) |
hsl(168,31%,50%) |
#5882A6 |
rgb(88,130,166) |
hsl(208,31%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CC2B7 |
rgb(140,194,183) |
hsl(168,31%,65%) |
#72B5A6 |
rgb(114,181,166) |
hsl(167,31%,58%) |
#58A696 |
rgb(88,166,150) |
hsl(168,31%,50%) |
#498C7E |
rgb(73,140,126) |
hsl(167,31%,42%) |
#3B7066 |
rgb(59,112,102) |
hsl(169,31%,34%) |
#2D574E |
rgb(45,87,78) |
hsl(167,32%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#58A696 |
rgb(88,166,150) |
hsl(168,31%,50%) |
#A6598F |
rgb(166,89,143) |
hsl(318,30%,50%) |
#A67058 |
rgb(166,112,88) |
hsl(18,31%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#58A696 |
rgb(88,166,150) |
hsl(168,31%,50%) |
#A65968 |
rgb(166,89,104) |
hsl(348,30%,50%) |
#58A66F |
rgb(88,166,111) |
hsl(138,31%,50%) |
#A67058 |
rgb(166,112,88) |
hsl(18,31%,50%) |