HEX #3878A2 color — Astral
The color #3878A2 is a dark shade and moderately saturated.
Palette
3878A2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(204,49%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(204,49%,93%) |
#d1e3ef |
rgb(209,227,239) |
hsl(204,49%,88%) |
#bed8e9 |
rgb(190,216,233) |
hsl(204,49%,83%) |
#abcce2 |
rgb(171,204,226) |
hsl(204,49%,78%) |
#98c1dc |
rgb(152,193,220) |
hsl(204,49%,73%) |
#85b5d5 |
rgb(133,181,213) |
hsl(204,49%,68%) |
#72aacf |
rgb(114,170,207) |
hsl(204,49%,63%) |
#5f9ec8 |
rgb(95,158,200) |
hsl(204,49%,58%) |
#4c93c2 |
rgb(76,147,194) |
hsl(204,49%,53%) |
#3e86b6 |
rgb(62,134,182) |
hsl(204,49%,48%) |
#3878a3 |
rgb(56,120,163) |
hsl(204,49%,43%) |
#316a90 |
rgb(49,106,144) |
hsl(204,49%,38%) |
#2b5c7d |
rgb(43,92,125) |
hsl(204,49%,33%) |
#244e6a |
rgb(36,78,106) |
hsl(204,49%,28%) |
#1e4057 |
rgb(30,64,87) |
hsl(204,49%,23%) |
#173244 |
rgb(23,50,68) |
hsl(204,49%,18%) |
#112431 |
rgb(17,36,49) |
hsl(204,49%,13%) |
#0a161e |
rgb(10,22,30) |
hsl(204,49%,8%) |
#04080b |
rgb(4,8,11) |
hsl(204,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#38A385 |
rgb(56,163,133) |
hsl(163,49%,43%) |
#3878A2 |
rgb(56,120,162) |
hsl(204,49%,43%) |
#3E38A2 |
rgb(62,56,162) |
hsl(243,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#599CC5 |
rgb(89,156,197) |
hsl(203,48%,56%) |
#408CBB |
rgb(64,140,187) |
hsl(203,49%,49%) |
#3878A2 |
rgb(56,120,162) |
hsl(204,49%,43%) |
#2F6688 |
rgb(47,102,136) |
hsl(203,49%,36%) |
#26526E |
rgb(38,82,110) |
hsl(203,49%,29%) |
#1D3D54 |
rgb(29,61,84) |
hsl(205,49%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3878A2 |
rgb(56,120,162) |
hsl(204,49%,43%) |
#A23843 |
rgb(162,56,67) |
hsl(354,49%,43%) |
#A29638 |
rgb(162,150,56) |
hsl(53,49%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3878A2 |
rgb(56,120,162) |
hsl(204,49%,43%) |
#A26138 |
rgb(162,97,56) |
hsl(23,49%,43%) |
#38A397 |
rgb(56,163,151) |
hsl(173,49%,43%) |
#A29638 |
rgb(162,150,56) |
hsl(53,49%,43%) |