HEX #3685A5 color — Astral
The color #3685A5 is a dark shade and moderately saturated.
Palette
3685A5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(197,51%,98%) |
#e4f1f6 |
rgb(228,241,246) |
hsl(197,51%,93%) |
#d1e7f0 |
rgb(209,231,240) |
hsl(197,51%,88%) |
#beddea |
rgb(190,221,234) |
hsl(197,51%,83%) |
#aad3e4 |
rgb(170,211,228) |
hsl(197,51%,78%) |
#97c9dd |
rgb(151,201,221) |
hsl(197,51%,73%) |
#84bfd7 |
rgb(132,191,215) |
hsl(197,51%,68%) |
#71b6d1 |
rgb(113,182,209) |
hsl(197,51%,63%) |
#5daccb |
rgb(93,172,203) |
hsl(197,51%,58%) |
#4aa2c4 |
rgb(74,162,196) |
hsl(197,51%,53%) |
#3c95b9 |
rgb(60,149,185) |
hsl(197,51%,48%) |
#3686a6 |
rgb(54,134,166) |
hsl(197,51%,43%) |
#2f7692 |
rgb(47,118,146) |
hsl(197,51%,38%) |
#29677f |
rgb(41,103,127) |
hsl(197,51%,33%) |
#23576c |
rgb(35,87,108) |
hsl(197,51%,28%) |
#1d4859 |
rgb(29,72,89) |
hsl(197,51%,23%) |
#163845 |
rgb(22,56,69) |
hsl(197,51%,18%) |
#102832 |
rgb(16,40,50) |
hsl(197,51%,13%) |
#0a191f |
rgb(10,25,31) |
hsl(197,51%,8%) |
#04090c |
rgb(4,9,12) |
hsl(197,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A67B |
rgb(54,166,123) |
hsl(157,51%,43%) |
#3685A5 |
rgb(54,133,165) |
hsl(197,51%,43%) |
#363BA5 |
rgb(54,59,165) |
hsl(237,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#58A8C8 |
rgb(88,168,200) |
hsl(197,50%,56%) |
#3E9CBF |
rgb(62,156,191) |
hsl(196,51%,50%) |
#3685A5 |
rgb(54,133,165) |
hsl(197,51%,43%) |
#2D708A |
rgb(45,112,138) |
hsl(197,51%,36%) |
#245970 |
rgb(36,89,112) |
hsl(198,51%,29%) |
#1C4555 |
rgb(28,69,85) |
hsl(197,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3685A5 |
rgb(54,133,165) |
hsl(197,51%,43%) |
#A5364D |
rgb(165,54,77) |
hsl(348,51%,43%) |
#A58C36 |
rgb(165,140,54) |
hsl(46,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3685A5 |
rgb(54,133,165) |
hsl(197,51%,43%) |
#A55736 |
rgb(165,87,54) |
hsl(18,51%,43%) |
#36A68D |
rgb(54,166,141) |
hsl(167,51%,43%) |
#A58C36 |
rgb(165,140,54) |
hsl(46,51%,43%) |