HEX #3580A2 color — Astral
The color #3580A2 is a dark shade and moderately saturated.
Palette
3580A2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fb |
rgb(243,249,251) |
hsl(199,51%,97%) |
#e0eef5 |
rgb(224,238,245) |
hsl(199,51%,92%) |
#cde4ef |
rgb(205,228,239) |
hsl(199,51%,87%) |
#badae9 |
rgb(186,218,233) |
hsl(199,51%,82%) |
#a6cfe2 |
rgb(166,207,226) |
hsl(199,51%,77%) |
#93c5dc |
rgb(147,197,220) |
hsl(199,51%,72%) |
#80bbd6 |
rgb(128,187,214) |
hsl(199,51%,67%) |
#6db0d0 |
rgb(109,176,208) |
hsl(199,51%,62%) |
#59a6c9 |
rgb(89,166,201) |
hsl(199,51%,57%) |
#469bc3 |
rgb(70,155,195) |
hsl(199,51%,52%) |
#3b8eb5 |
rgb(59,142,181) |
hsl(199,51%,47%) |
#347fa2 |
rgb(52,127,162) |
hsl(199,51%,42%) |
#2e708e |
rgb(46,112,142) |
hsl(199,51%,37%) |
#28617b |
rgb(40,97,123) |
hsl(199,51%,32%) |
#225268 |
rgb(34,82,104) |
hsl(199,51%,27%) |
#1b4355 |
rgb(27,67,85) |
hsl(199,51%,22%) |
#153341 |
rgb(21,51,65) |
hsl(199,51%,17%) |
#0f242e |
rgb(15,36,46) |
hsl(199,51%,12%) |
#09151b |
rgb(9,21,27) |
hsl(199,51%,7%) |
#020608 |
rgb(2,6,8) |
hsl(199,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35A37B |
rgb(53,163,123) |
hsl(158,51%,42%) |
#3580A2 |
rgb(53,128,162) |
hsl(199,51%,42%) |
#3538A2 |
rgb(53,56,162) |
hsl(238,51%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#54A3C7 |
rgb(84,163,199) |
hsl(199,51%,55%) |
#3D94BB |
rgb(61,148,187) |
hsl(199,51%,49%) |
#3580A2 |
rgb(53,128,162) |
hsl(199,51%,42%) |
#2C6B88 |
rgb(44,107,136) |
hsl(199,51%,35%) |
#24576E |
rgb(36,87,110) |
hsl(199,51%,29%) |
#1B4254 |
rgb(27,66,84) |
hsl(199,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3580A2 |
rgb(53,128,162) |
hsl(199,51%,42%) |
#A23649 |
rgb(162,54,73) |
hsl(349,50%,42%) |
#A28C35 |
rgb(162,140,53) |
hsl(48,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3580A2 |
rgb(53,128,162) |
hsl(199,51%,42%) |
#A25735 |
rgb(162,87,53) |
hsl(19,51%,42%) |
#35A38D |
rgb(53,163,141) |
hsl(168,51%,42%) |
#A28C35 |
rgb(162,140,53) |
hsl(48,51%,42%) |