HEX #3A7AA2 color — Astral
The color #3A7AA2 is a dark shade and moderately saturated.
Palette
3A7AA2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(203,47%,98%) |
#e5eff6 |
rgb(229,239,246) |
hsl(203,47%,93%) |
#d2e4ef |
rgb(210,228,239) |
hsl(203,47%,88%) |
#bfd8e8 |
rgb(191,216,232) |
hsl(203,47%,83%) |
#adcde1 |
rgb(173,205,225) |
hsl(203,47%,78%) |
#9ac2db |
rgb(154,194,219) |
hsl(203,47%,73%) |
#87b6d4 |
rgb(135,182,212) |
hsl(203,47%,68%) |
#74abcd |
rgb(116,171,205) |
hsl(203,47%,63%) |
#62a0c6 |
rgb(98,160,198) |
hsl(203,47%,58%) |
#4f94bf |
rgb(79,148,191) |
hsl(203,47%,53%) |
#4188b4 |
rgb(65,136,180) |
hsl(203,47%,48%) |
#3a7aa1 |
rgb(58,122,161) |
hsl(203,47%,43%) |
#336c8e |
rgb(51,108,142) |
hsl(203,47%,38%) |
#2d5d7c |
rgb(45,93,124) |
hsl(203,47%,33%) |
#264f69 |
rgb(38,79,105) |
hsl(203,47%,28%) |
#1f4156 |
rgb(31,65,86) |
hsl(203,47%,23%) |
#183343 |
rgb(24,51,67) |
hsl(203,47%,18%) |
#122531 |
rgb(18,37,49) |
hsl(203,47%,13%) |
#0b171e |
rgb(11,23,30) |
hsl(203,47%,8%) |
#04080b |
rgb(4,8,11) |
hsl(203,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA384 |
rgb(58,163,132) |
hsl(162,48%,43%) |
#3A7AA2 |
rgb(58,122,162) |
hsl(203,47%,43%) |
#3F3BA2 |
rgb(63,59,162) |
hsl(242,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D9EC5 |
rgb(93,158,197) |
hsl(203,47%,57%) |
#438CBB |
rgb(67,140,187) |
hsl(204,47%,50%) |
#3A7AA2 |
rgb(58,122,162) |
hsl(203,47%,43%) |
#306688 |
rgb(48,102,136) |
hsl(203,48%,36%) |
#27546E |
rgb(39,84,110) |
hsl(202,48%,29%) |
#1E4054 |
rgb(30,64,84) |
hsl(202,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7AA2 |
rgb(58,122,162) |
hsl(203,47%,43%) |
#A23B46 |
rgb(162,59,70) |
hsl(354,47%,43%) |
#A2963A |
rgb(162,150,58) |
hsl(53,47%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7AA2 |
rgb(58,122,162) |
hsl(203,47%,43%) |
#A2613A |
rgb(162,97,58) |
hsl(23,47%,43%) |
#3AA396 |
rgb(58,163,150) |
hsl(173,48%,43%) |
#A2963A |
rgb(162,150,58) |
hsl(53,47%,43%) |