HEX #3A7AA2 color — Astral

The color #3A7AA2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)