HEX #3A70A2 color — Astral
The color #3A70A2 is a dark shade and moderately saturated.
Palette
3A70A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(209,47%,98%) |
#e5edf6 |
rgb(229,237,246) |
hsl(209,47%,93%) |
#d2e1ef |
rgb(210,225,239) |
hsl(209,47%,88%) |
#bfd4e8 |
rgb(191,212,232) |
hsl(209,47%,83%) |
#adc8e1 |
rgb(173,200,225) |
hsl(209,47%,78%) |
#9abbdb |
rgb(154,187,219) |
hsl(209,47%,73%) |
#87afd4 |
rgb(135,175,212) |
hsl(209,47%,68%) |
#74a2cd |
rgb(116,162,205) |
hsl(209,47%,63%) |
#6296c6 |
rgb(98,150,198) |
hsl(209,47%,58%) |
#4f89bf |
rgb(79,137,191) |
hsl(209,47%,53%) |
#417cb4 |
rgb(65,124,180) |
hsl(209,47%,48%) |
#3a6fa1 |
rgb(58,111,161) |
hsl(209,47%,43%) |
#33628e |
rgb(51,98,142) |
hsl(209,47%,38%) |
#2d557c |
rgb(45,85,124) |
hsl(209,47%,33%) |
#264969 |
rgb(38,73,105) |
hsl(209,47%,28%) |
#1f3c56 |
rgb(31,60,86) |
hsl(209,47%,23%) |
#182f43 |
rgb(24,47,67) |
hsl(209,47%,18%) |
#122231 |
rgb(18,34,49) |
hsl(209,47%,13%) |
#0b151e |
rgb(11,21,30) |
hsl(209,47%,8%) |
#04080b |
rgb(4,8,11) |
hsl(209,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA38E |
rgb(58,163,142) |
hsl(168,48%,43%) |
#3A70A2 |
rgb(58,112,162) |
hsl(209,47%,43%) |
#493BA2 |
rgb(73,59,162) |
hsl(248,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D94C5 |
rgb(93,148,197) |
hsl(208,47%,57%) |
#4382BB |
rgb(67,130,187) |
hsl(209,47%,50%) |
#3A70A2 |
rgb(58,112,162) |
hsl(209,47%,43%) |
#305E88 |
rgb(48,94,136) |
hsl(209,48%,36%) |
#274D6E |
rgb(39,77,110) |
hsl(208,48%,29%) |
#1E3B54 |
rgb(30,59,84) |
hsl(208,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A70A2 |
rgb(58,112,162) |
hsl(209,47%,43%) |
#A23B3C |
rgb(162,59,60) |
hsl(359,47%,43%) |
#A2A13A |
rgb(162,161,58) |
hsl(59,47%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A70A2 |
rgb(58,112,162) |
hsl(209,47%,43%) |
#A26B3A |
rgb(162,107,58) |
hsl(28,47%,43%) |
#3AA3A0 |
rgb(58,163,160) |
hsl(178,48%,43%) |
#A2A13A |
rgb(162,161,58) |
hsl(59,47%,43%) |