HEX #3A6EA2 color — Astral
The color #3A6EA2 is a dark shade and moderately saturated.
Palette
3A6EA2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(210,47%,98%) |
#e5edf6 |
rgb(229,237,246) |
hsl(210,47%,93%) |
#d2e0ef |
rgb(210,224,239) |
hsl(210,47%,88%) |
#bfd4e8 |
rgb(191,212,232) |
hsl(210,47%,83%) |
#adc7e1 |
rgb(173,199,225) |
hsl(210,47%,78%) |
#9abadb |
rgb(154,186,219) |
hsl(210,47%,73%) |
#87add4 |
rgb(135,173,212) |
hsl(210,47%,68%) |
#74a1cd |
rgb(116,161,205) |
hsl(210,47%,63%) |
#6294c6 |
rgb(98,148,198) |
hsl(210,47%,58%) |
#4f87bf |
rgb(79,135,191) |
hsl(210,47%,53%) |
#417ab4 |
rgb(65,122,180) |
hsl(210,47%,48%) |
#3a6ea1 |
rgb(58,110,161) |
hsl(210,47%,43%) |
#33618e |
rgb(51,97,142) |
hsl(210,47%,38%) |
#2d547c |
rgb(45,84,124) |
hsl(210,47%,33%) |
#264769 |
rgb(38,71,105) |
hsl(210,47%,28%) |
#1f3b56 |
rgb(31,59,86) |
hsl(210,47%,23%) |
#182e43 |
rgb(24,46,67) |
hsl(210,47%,18%) |
#122131 |
rgb(18,33,49) |
hsl(210,47%,13%) |
#0b141e |
rgb(11,20,30) |
hsl(210,47%,8%) |
#04080b |
rgb(4,8,11) |
hsl(210,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA390 |
rgb(58,163,144) |
hsl(169,48%,43%) |
#3A6EA2 |
rgb(58,110,162) |
hsl(210,47%,43%) |
#4B3BA2 |
rgb(75,59,162) |
hsl(249,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D91C5 |
rgb(93,145,197) |
hsl(210,47%,57%) |
#4380BB |
rgb(67,128,187) |
hsl(210,47%,50%) |
#3A6EA2 |
rgb(58,110,162) |
hsl(210,47%,43%) |
#305C88 |
rgb(48,92,136) |
hsl(210,48%,36%) |
#274A6E |
rgb(39,74,110) |
hsl(210,48%,29%) |
#1E3854 |
rgb(30,56,84) |
hsl(211,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6EA2 |
rgb(58,110,162) |
hsl(210,47%,43%) |
#A23B3A |
rgb(162,59,58) |
hsl(1,47%,43%) |
#A2A33A |
rgb(162,163,58) |
hsl(61,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6EA2 |
rgb(58,110,162) |
hsl(210,47%,43%) |
#A26E3A |
rgb(162,110,58) |
hsl(30,47%,43%) |
#3AA3A2 |
rgb(58,163,162) |
hsl(179,48%,43%) |
#A2A33A |
rgb(162,163,58) |
hsl(61,48%,43%) |