HEX #3678A3 color — Astral

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

Color codes

copy icon
copy icon
copy icon

Palette

3678A3 color palette from light to dark

HEX RGB HSL
#f7fafc rgb(247,250,252) hsl(204,50%,98%)
#e4eff6 rgb(228,239,246) hsl(204,50%,93%)
#d1e3f0 rgb(209,227,240) hsl(204,50%,88%)
#bed8e9 rgb(190,216,233) hsl(204,50%,83%)
#abcde3 rgb(171,205,227) hsl(204,50%,78%)
#98c1dd rgb(152,193,221) hsl(204,50%,73%)
#85b6d6 rgb(133,182,214) hsl(204,50%,68%)
#71aad0 rgb(113,170,208) hsl(204,50%,63%)
#5e9fc9 rgb(94,159,201) hsl(204,50%,58%)
#4b93c3 rgb(75,147,195) hsl(204,50%,53%)
#3d87b8 rgb(61,135,184) hsl(204,50%,48%)
#3779a4 rgb(55,121,164) hsl(204,50%,43%)
#306b91 rgb(48,107,145) hsl(204,50%,38%)
#2a5d7e rgb(42,93,126) hsl(204,50%,33%)
#244f6b rgb(36,79,107) hsl(204,50%,28%)
#1d4158 rgb(29,65,88) hsl(204,50%,23%)
#173245 rgb(23,50,69) hsl(204,50%,18%)
#112432 rgb(17,36,50) hsl(204,50%,13%)
#0a161f rgb(10,22,31) hsl(204,50%,8%)
#04080b rgb(4,8,11) hsl(204,50%,3%)

Adjacent colors

HEX RGB HSL
#36A385 rgb(54,163,133) hsl(163,50%,43%)
#3678A3 rgb(54,120,163) hsl(204,50%,43%)
#3C36A3 rgb(60,54,163) hsl(243,50%,43%)

Monochromatic colors

HEX RGB HSL
#579CC7 rgb(87,156,199) hsl(203,50%,56%)
#3E8CBD rgb(62,140,189) hsl(203,51%,49%)
#3678A3 rgb(54,120,163) hsl(204,50%,43%)
#2D6688 rgb(45,102,136) hsl(202,50%,35%)
#24526E rgb(36,82,110) hsl(203,51%,29%)
#1C3D54 rgb(28,61,84) hsl(205,50%,22%)

Triad color palettes

HEX RGB HSL
#3678A3 rgb(54,120,163) hsl(204,50%,43%)
#A33641 rgb(163,54,65) hsl(354,50%,43%)
#A39636 rgb(163,150,54) hsl(53,50%,43%)

Tetrad color palettes

HEX RGB HSL
#3678A3 rgb(54,120,163) hsl(204,50%,43%)
#A36136 rgb(163,97,54) hsl(24,50%,43%)
#36A397 rgb(54,163,151) hsl(173,50%,43%)
#A39636 rgb(163,150,54) hsl(53,50%,43%)