HEX #3678A6 color — Astral

The color #3678A6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)