HEX #3678A1 color — Astral
The color #3678a1 is a dark shade and moderately saturated.
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%) |