HEX #3C78A1 color — Astral
The color #3C78A1 is a dark shade and moderately saturated.
Palette
3C78A1 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(204,46%,98%) |
#e5eff5 |
rgb(229,239,245) |
hsl(204,46%,93%) |
#d2e3ee |
rgb(210,227,238) |
hsl(204,46%,88%) |
#c0d8e8 |
rgb(192,216,232) |
hsl(204,46%,83%) |
#adcce1 |
rgb(173,204,225) |
hsl(204,46%,78%) |
#9ac0da |
rgb(154,192,218) |
hsl(204,46%,73%) |
#88b5d3 |
rgb(136,181,211) |
hsl(204,46%,68%) |
#75a9cc |
rgb(117,169,204) |
hsl(204,46%,63%) |
#639ec5 |
rgb(99,158,197) |
hsl(204,46%,58%) |
#5092be |
rgb(80,146,190) |
hsl(204,46%,53%) |
#4286b3 |
rgb(66,134,179) |
hsl(204,46%,48%) |
#3b78a0 |
rgb(59,120,160) |
hsl(204,46%,43%) |
#346a8d |
rgb(52,106,141) |
hsl(204,46%,38%) |
#2d5c7b |
rgb(45,92,123) |
hsl(204,46%,33%) |
#274e68 |
rgb(39,78,104) |
hsl(204,46%,28%) |
#204056 |
rgb(32,64,86) |
hsl(204,46%,23%) |
#193243 |
rgb(25,50,67) |
hsl(204,46%,18%) |
#122430 |
rgb(18,36,48) |
hsl(204,46%,13%) |
#0b161e |
rgb(11,22,30) |
hsl(204,46%,8%) |
#04080b |
rgb(4,8,11) |
hsl(204,46%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CA186 |
rgb(60,161,134) |
hsl(164,46%,43%) |
#3C78A1 |
rgb(60,120,161) |
hsl(204,46%,43%) |
#433DA1 |
rgb(67,61,161) |
hsl(244,45%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F9CC3 |
rgb(95,156,195) |
hsl(203,45%,57%) |
#468CBA |
rgb(70,140,186) |
hsl(204,46%,50%) |
#3C78A1 |
rgb(60,120,161) |
hsl(204,46%,43%) |
#326687 |
rgb(50,102,135) |
hsl(203,46%,36%) |
#28526D |
rgb(40,82,109) |
hsl(203,46%,29%) |
#1F3D53 |
rgb(31,61,83) |
hsl(205,46%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C78A1 |
rgb(60,120,161) |
hsl(204,46%,43%) |
#A13D45 |
rgb(161,61,69) |
hsl(355,45%,44%) |
#A1963C |
rgb(161,150,60) |
hsl(53,46%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C78A1 |
rgb(60,120,161) |
hsl(204,46%,43%) |
#A1663C |
rgb(161,102,60) |
hsl(25,46%,43%) |
#3CA197 |
rgb(60,161,151) |
hsl(174,46%,43%) |
#A1963C |
rgb(161,150,60) |
hsl(53,46%,43%) |