HEX #58A3A5 color — Breaker Bay
The color #58A3A5 is a light shade and slightly desaturated.
Palette
58A3A5 color palette from light to dark
HEX |
RGB |
HSL |
#eef6f6 |
rgb(238,246,246) |
hsl(182,30%,95%) |
#deeded |
rgb(222,237,237) |
hsl(182,30%,90%) |
#cde3e4 |
rgb(205,227,228) |
hsl(182,30%,85%) |
#bddadb |
rgb(189,218,219) |
hsl(182,30%,80%) |
#acd1d2 |
rgb(172,209,210) |
hsl(182,30%,75%) |
#9cc8c9 |
rgb(156,200,201) |
hsl(182,30%,70%) |
#8bbfc1 |
rgb(139,191,193) |
hsl(182,30%,65%) |
#7ab6b8 |
rgb(122,182,184) |
hsl(182,30%,60%) |
#6aacaf |
rgb(106,172,175) |
hsl(182,30%,55%) |
#59a3a6 |
rgb(89,163,166) |
hsl(182,30%,50%) |
#509395 |
rgb(80,147,149) |
hsl(182,30%,45%) |
#478385 |
rgb(71,131,133) |
hsl(182,30%,40%) |
#3e7274 |
rgb(62,114,116) |
hsl(182,30%,35%) |
#366263 |
rgb(54,98,99) |
hsl(182,30%,30%) |
#2d5253 |
rgb(45,82,83) |
hsl(182,30%,25%) |
#244142 |
rgb(36,65,66) |
hsl(182,30%,20%) |
#1b3132 |
rgb(27,49,50) |
hsl(182,30%,15%) |
#122121 |
rgb(18,33,33) |
hsl(182,30%,10%) |
#091011 |
rgb(9,16,17) |
hsl(182,30%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#58A673 |
rgb(88,166,115) |
hsl(141,31%,50%) |
#58A3A5 |
rgb(88,163,165) |
hsl(182,30%,50%) |
#5870A5 |
rgb(88,112,165) |
hsl(221,30%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CBFC1 |
rgb(140,191,193) |
hsl(182,30%,65%) |
#71B3B3 |
rgb(113,179,179) |
hsl(180,30%,57%) |
#58A3A5 |
rgb(88,163,165) |
hsl(182,30%,50%) |
#498A8A |
rgb(73,138,138) |
hsl(180,31%,41%) |
#3B6E70 |
rgb(59,110,112) |
hsl(182,31%,34%) |
#2D5455 |
rgb(45,84,85) |
hsl(182,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#58A3A5 |
rgb(88,163,165) |
hsl(182,30%,50%) |
#A5597C |
rgb(165,89,124) |
hsl(332,30%,50%) |
#A58058 |
rgb(165,128,88) |
hsl(31,30%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#58A3A5 |
rgb(88,163,165) |
hsl(182,30%,50%) |
#A55958 |
rgb(165,89,88) |
hsl(1,30%,50%) |
#58A680 |
rgb(88,166,128) |
hsl(151,31%,50%) |
#A58058 |
rgb(165,128,88) |
hsl(31,30%,50%) |