HEX #3678A6 color — Astral
The color #3678A6 is a dark shade and moderately saturated.
Palette
3678A6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(205,51%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(205,51%,93%) |
#d1e3f0 |
rgb(209,227,240) |
hsl(205,51%,88%) |
#bed7ea |
rgb(190,215,234) |
hsl(205,51%,83%) |
#aacce4 |
rgb(170,204,228) |
hsl(205,51%,78%) |
#97c0dd |
rgb(151,192,221) |
hsl(205,51%,73%) |
#84b4d7 |
rgb(132,180,215) |
hsl(205,51%,68%) |
#71a9d1 |
rgb(113,169,209) |
hsl(205,51%,63%) |
#5d9dcb |
rgb(93,157,203) |
hsl(205,51%,58%) |
#4a91c4 |
rgb(74,145,196) |
hsl(205,51%,53%) |
#3c85b9 |
rgb(60,133,185) |
hsl(205,51%,48%) |
#3677a6 |
rgb(54,119,166) |
hsl(205,51%,43%) |
#2f6992 |
rgb(47,105,146) |
hsl(205,51%,38%) |
#295b7f |
rgb(41,91,127) |
hsl(205,51%,33%) |
#234d6c |
rgb(35,77,108) |
hsl(205,51%,28%) |
#1d4059 |
rgb(29,64,89) |
hsl(205,51%,23%) |
#163245 |
rgb(22,50,69) |
hsl(205,51%,18%) |
#102432 |
rgb(16,36,50) |
hsl(205,51%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(205,51%,8%) |
#04080c |
rgb(4,8,12) |
hsl(205,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A689 |
rgb(54,166,137) |
hsl(164,51%,43%) |
#3678A6 |
rgb(54,120,166) |
hsl(205,51%,43%) |
#3E36A6 |
rgb(62,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%) |
#3678A6 |
rgb(54,120,166) |
hsl(205,51%,43%) |
#2D668B |
rgb(45,102,139) |
hsl(204,51%,36%) |
#245270 |
rgb(36,82,112) |
hsl(204,51%,29%) |
#1C3D56 |
rgb(28,61,86) |
hsl(206,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3678A6 |
rgb(54,120,166) |
hsl(205,51%,43%) |
#A63640 |
rgb(166,54,64) |
hsl(355,51%,43%) |
#A69C36 |
rgb(166,156,54) |
hsl(55,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3678A6 |
rgb(54,120,166) |
hsl(205,51%,43%) |
#A66336 |
rgb(166,99,54) |
hsl(24,51%,43%) |
#36A69C |
rgb(54,166,156) |
hsl(175,51%,43%) |
#A69C36 |
rgb(166,156,54) |
hsl(55,51%,43%) |