HEX #3685A2 color — Astral
The color #3685A2 is a dark shade and moderately saturated.
Palette
3685A2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(196,50%,97%) |
#e0eff5 |
rgb(224,239,245) |
hsl(196,50%,92%) |
#cde6ee |
rgb(205,230,238) |
hsl(196,50%,87%) |
#badce8 |
rgb(186,220,232) |
hsl(196,50%,82%) |
#a7d2e2 |
rgb(167,210,226) |
hsl(196,50%,77%) |
#94c8db |
rgb(148,200,219) |
hsl(196,50%,72%) |
#81bed5 |
rgb(129,190,213) |
hsl(196,50%,67%) |
#6eb5cf |
rgb(110,181,207) |
hsl(196,50%,62%) |
#5babc8 |
rgb(91,171,200) |
hsl(196,50%,57%) |
#47a1c2 |
rgb(71,161,194) |
hsl(196,50%,52%) |
#3c94b4 |
rgb(60,148,180) |
hsl(196,50%,47%) |
#3684a1 |
rgb(54,132,161) |
hsl(196,50%,42%) |
#2f748e |
rgb(47,116,142) |
hsl(196,50%,37%) |
#29657a |
rgb(41,101,122) |
hsl(196,50%,32%) |
#225567 |
rgb(34,85,103) |
hsl(196,50%,27%) |
#1c4554 |
rgb(28,69,84) |
hsl(196,50%,22%) |
#163541 |
rgb(22,53,65) |
hsl(196,50%,17%) |
#0f262e |
rgb(15,38,46) |
hsl(196,50%,12%) |
#09161b |
rgb(9,22,27) |
hsl(196,50%,7%) |
#030608 |
rgb(3,6,8) |
hsl(196,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A377 |
rgb(54,163,119) |
hsl(156,50%,43%) |
#3685A2 |
rgb(54,133,162) |
hsl(196,50%,42%) |
#363DA2 |
rgb(54,61,162) |
hsl(236,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#56A8C6 |
rgb(86,168,198) |
hsl(196,50%,56%) |
#3E9CBB |
rgb(62,156,187) |
hsl(195,50%,49%) |
#3685A2 |
rgb(54,133,162) |
hsl(196,50%,42%) |
#2D7088 |
rgb(45,112,136) |
hsl(196,50%,35%) |
#24596E |
rgb(36,89,110) |
hsl(197,51%,29%) |
#1C4554 |
rgb(28,69,84) |
hsl(196,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3685A2 |
rgb(54,133,162) |
hsl(196,50%,42%) |
#A2364F |
rgb(162,54,79) |
hsl(346,50%,42%) |
#A28A36 |
rgb(162,138,54) |
hsl(47,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3685A2 |
rgb(54,133,162) |
hsl(196,50%,42%) |
#A25436 |
rgb(162,84,54) |
hsl(17,50%,42%) |
#36A389 |
rgb(54,163,137) |
hsl(166,50%,43%) |
#A28A36 |
rgb(162,138,54) |
hsl(47,50%,42%) |