HEX #3678A1 color — Astral

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

Color codes

copy icon
copy icon
copy icon

Palette

3678a1 color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(203,50%,97%)
#e0edf5 rgb(224,237,245) hsl(203,50%,92%)
#cde2ee rgb(205,226,238) hsl(203,50%,87%)
#bad6e8 rgb(186,214,232) hsl(203,50%,82%)
#a7cbe2 rgb(167,203,226) hsl(203,50%,77%)
#94c0db rgb(148,192,219) hsl(203,50%,72%)
#81b5d5 rgb(129,181,213) hsl(203,50%,67%)
#6ea9cf rgb(110,169,207) hsl(203,50%,62%)
#5b9ec8 rgb(91,158,200) hsl(203,50%,57%)
#4793c2 rgb(71,147,194) hsl(203,50%,52%)
#3c86b4 rgb(60,134,180) hsl(203,50%,47%)
#3678a1 rgb(54,120,161) hsl(203,50%,42%)
#2f698e rgb(47,105,142) hsl(203,50%,37%)
#295b7a rgb(41,91,122) hsl(203,50%,32%)
#224d67 rgb(34,77,103) hsl(203,50%,27%)
#1c3f54 rgb(28,63,84) hsl(203,50%,22%)
#163041 rgb(22,48,65) hsl(203,50%,17%)
#0f222e rgb(15,34,46) hsl(203,50%,12%)
#09141b rgb(9,20,27) hsl(203,50%,7%)
#030608 rgb(3,6,8) hsl(203,50%,2%)

Adjacent colors

HEX RGB HSL
#36A182 rgb(54,161,130) hsl(163,50%,42%)
#3678A1 rgb(54,120,161) hsl(203,50%,42%)
#3B36A1 rgb(59,54,161) hsl(243,50%,42%)

Monochromatic colors

HEX RGB HSL
#559CC6 rgb(85,156,198) hsl(202,50%,55%)
#3E8CBA rgb(62,140,186) hsl(202,50%,49%)
#3678A1 rgb(54,120,161) hsl(203,50%,42%)
#2D6687 rgb(45,102,135) hsl(202,50%,35%)
#24526D rgb(36,82,109) hsl(202,50%,28%)
#1C3D53 rgb(28,61,83) hsl(204,50%,22%)

Triad color palettes

HEX RGB HSL
#3678A1 rgb(54,120,161) hsl(203,50%,42%)
#A13642 rgb(161,54,66) hsl(353,50%,42%)
#A19436 rgb(161,148,54) hsl(53,50%,42%)

Tetrad color palettes

HEX RGB HSL
#3678A1 rgb(54,120,161) hsl(203,50%,42%)
#A15E36 rgb(161,94,54) hsl(22,50%,42%)
#36A194 rgb(54,161,148) hsl(173,50%,42%)
#A19436 rgb(161,148,54) hsl(53,50%,42%)