HEX #3679A6 color — Astral
The color #3679a6 is a dark shade and moderately saturated.
Palette
3679a6 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%) |
#3679A6 |
rgb(54,121,166) |
hsl(204,51%,43%) |
#3D36A6 |
rgb(61,54,166) |
hsl(244,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#599CC9 |
rgb(89,156,201) |
hsl(204,51%,57%) |
#3E8CC0 |
rgb(62,140,192) |
hsl(204,51%,50%) |
#3679A6 |
rgb(54,121,166) |
hsl(204,51%,43%) |
#2D668B |
rgb(45,102,139) |
hsl(204,51%,36%) |
#245270 |
rgb(36,82,112) |
hsl(204,51%,29%) |
#1C4056 |
rgb(28,64,86) |
hsl(203,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3679A6 |
rgb(54,121,166) |
hsl(204,51%,43%) |
#A63641 |
rgb(166,54,65) |
hsl(354,51%,43%) |
#A69C36 |
rgb(166,156,54) |
hsl(55,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3679A6 |
rgb(54,121,166) |
hsl(204,51%,43%) |
#A66336 |
rgb(166,99,54) |
hsl(24,51%,43%) |
#36A69B |
rgb(54,166,155) |
hsl(174,51%,43%) |
#A69C36 |
rgb(166,156,54) |
hsl(55,51%,43%) |