HEX #3678A5 color — Astral
The color #3678A5 is a dark shade and moderately saturated.
Palette
3678A5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(204,51%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(204,51%,93%) |
#d1e4f0 |
rgb(209,228,240) |
hsl(204,51%,88%) |
#bed8ea |
rgb(190,216,234) |
hsl(204,51%,83%) |
#aacde4 |
rgb(170,205,228) |
hsl(204,51%,78%) |
#97c1dd |
rgb(151,193,221) |
hsl(204,51%,73%) |
#84b6d7 |
rgb(132,182,215) |
hsl(204,51%,68%) |
#71aad1 |
rgb(113,170,209) |
hsl(204,51%,63%) |
#5d9fcb |
rgb(93,159,203) |
hsl(204,51%,58%) |
#4a93c4 |
rgb(74,147,196) |
hsl(204,51%,53%) |
#3c87b9 |
rgb(60,135,185) |
hsl(204,51%,48%) |
#3679a6 |
rgb(54,121,166) |
hsl(204,51%,43%) |
#2f6b92 |
rgb(47,107,146) |
hsl(204,51%,38%) |
#295d7f |
rgb(41,93,127) |
hsl(204,51%,33%) |
#234f6c |
rgb(35,79,108) |
hsl(204,51%,28%) |
#1d4159 |
rgb(29,65,89) |
hsl(204,51%,23%) |
#163345 |
rgb(22,51,69) |
hsl(204,51%,18%) |
#102532 |
rgb(16,37,50) |
hsl(204,51%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(204,51%,8%) |
#04080c |
rgb(4,8,12) |
hsl(204,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A688 |
rgb(54,166,136) |
hsl(164,51%,43%) |
#3678A5 |
rgb(54,120,165) |
hsl(204,51%,43%) |
#3E36A5 |
rgb(62,54,165) |
hsl(244,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#589CC8 |
rgb(88,156,200) |
hsl(204,50%,56%) |
#3E8CBF |
rgb(62,140,191) |
hsl(204,51%,50%) |
#3678A5 |
rgb(54,120,165) |
hsl(204,51%,43%) |
#2D668A |
rgb(45,102,138) |
hsl(203,51%,36%) |
#245270 |
rgb(36,82,112) |
hsl(204,51%,29%) |
#1C3D55 |
rgb(28,61,85) |
hsl(205,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3678A5 |
rgb(54,120,165) |
hsl(204,51%,43%) |
#A53640 |
rgb(165,54,64) |
hsl(355,51%,43%) |
#A59C36 |
rgb(165,156,54) |
hsl(55,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3678A5 |
rgb(54,120,165) |
hsl(204,51%,43%) |
#A56336 |
rgb(165,99,54) |
hsl(24,51%,43%) |
#36A69A |
rgb(54,166,154) |
hsl(174,51%,43%) |
#A59C36 |
rgb(165,156,54) |
hsl(55,51%,43%) |