HEX #3680A2 color — Astral
The color #3680A2 is a dark shade and moderately saturated.
Palette
3680A2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(199,50%,97%) |
#e0eef5 |
rgb(224,238,245) |
hsl(199,50%,92%) |
#cde4ee |
rgb(205,228,238) |
hsl(199,50%,87%) |
#badae8 |
rgb(186,218,232) |
hsl(199,50%,82%) |
#a7cfe2 |
rgb(167,207,226) |
hsl(199,50%,77%) |
#94c5db |
rgb(148,197,219) |
hsl(199,50%,72%) |
#81bad5 |
rgb(129,186,213) |
hsl(199,50%,67%) |
#6eb0cf |
rgb(110,176,207) |
hsl(199,50%,62%) |
#5ba5c8 |
rgb(91,165,200) |
hsl(199,50%,57%) |
#479bc2 |
rgb(71,155,194) |
hsl(199,50%,52%) |
#3c8eb4 |
rgb(60,142,180) |
hsl(199,50%,47%) |
#367fa1 |
rgb(54,127,161) |
hsl(199,50%,42%) |
#2f708e |
rgb(47,112,142) |
hsl(199,50%,37%) |
#29617a |
rgb(41,97,122) |
hsl(199,50%,32%) |
#225167 |
rgb(34,81,103) |
hsl(199,50%,27%) |
#1c4254 |
rgb(28,66,84) |
hsl(199,50%,22%) |
#163341 |
rgb(22,51,65) |
hsl(199,50%,17%) |
#0f242e |
rgb(15,36,46) |
hsl(199,50%,12%) |
#09151b |
rgb(9,21,27) |
hsl(199,50%,7%) |
#030608 |
rgb(3,6,8) |
hsl(199,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A37C |
rgb(54,163,124) |
hsl(159,50%,43%) |
#3680A2 |
rgb(54,128,162) |
hsl(199,50%,42%) |
#3638A2 |
rgb(54,56,162) |
hsl(239,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#56A3C6 |
rgb(86,163,198) |
hsl(199,50%,56%) |
#3E94BB |
rgb(62,148,187) |
hsl(199,50%,49%) |
#3680A2 |
rgb(54,128,162) |
hsl(199,50%,42%) |
#2D6B88 |
rgb(45,107,136) |
hsl(199,50%,35%) |
#24576E |
rgb(36,87,110) |
hsl(199,51%,29%) |
#1C4254 |
rgb(28,66,84) |
hsl(199,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3680A2 |
rgb(54,128,162) |
hsl(199,50%,42%) |
#A2364A |
rgb(162,54,74) |
hsl(349,50%,42%) |
#A28F36 |
rgb(162,143,54) |
hsl(49,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3680A2 |
rgb(54,128,162) |
hsl(199,50%,42%) |
#A25936 |
rgb(162,89,54) |
hsl(19,50%,42%) |
#36A38E |
rgb(54,163,142) |
hsl(168,50%,43%) |
#A28F36 |
rgb(162,143,54) |
hsl(49,50%,42%) |