HEX #3A80A3 color — Astral
The color #3A80A3 is a dark shade and moderately saturated.
Palette
3A80A3 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(200,48%,98%) |
#e5f0f6 |
rgb(229,240,246) |
hsl(200,48%,93%) |
#d2e5ef |
rgb(210,229,239) |
hsl(200,48%,88%) |
#bfdbe8 |
rgb(191,219,232) |
hsl(200,48%,83%) |
#acd0e2 |
rgb(172,208,226) |
hsl(200,48%,78%) |
#99c5db |
rgb(153,197,219) |
hsl(200,48%,73%) |
#86bad5 |
rgb(134,186,213) |
hsl(200,48%,68%) |
#73b0ce |
rgb(115,176,206) |
hsl(200,48%,63%) |
#60a5c7 |
rgb(96,165,199) |
hsl(200,48%,58%) |
#4e9ac1 |
rgb(78,154,193) |
hsl(200,48%,53%) |
#408eb5 |
rgb(64,142,181) |
hsl(200,48%,48%) |
#397fa2 |
rgb(57,127,162) |
hsl(200,48%,43%) |
#32708f |
rgb(50,112,143) |
hsl(200,48%,38%) |
#2c627d |
rgb(44,98,125) |
hsl(200,48%,33%) |
#25536a |
rgb(37,83,106) |
hsl(200,48%,28%) |
#1e4457 |
rgb(30,68,87) |
hsl(200,48%,23%) |
#183544 |
rgb(24,53,68) |
hsl(200,48%,18%) |
#112631 |
rgb(17,38,49) |
hsl(200,48%,13%) |
#0b181e |
rgb(11,24,30) |
hsl(200,48%,8%) |
#04090b |
rgb(4,9,11) |
hsl(200,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA380 |
rgb(58,163,128) |
hsl(160,48%,43%) |
#3A80A3 |
rgb(58,128,163) |
hsl(200,48%,43%) |
#3A3BA3 |
rgb(58,59,163) |
hsl(239,48%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5EA3C5 |
rgb(94,163,197) |
hsl(200,47%,57%) |
#4394BC |
rgb(67,148,188) |
hsl(200,47%,50%) |
#3A80A3 |
rgb(58,128,163) |
hsl(200,48%,43%) |
#306B88 |
rgb(48,107,136) |
hsl(200,48%,36%) |
#27576E |
rgb(39,87,110) |
hsl(199,48%,29%) |
#1E4254 |
rgb(30,66,84) |
hsl(200,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80A3 |
rgb(58,128,163) |
hsl(200,48%,43%) |
#A33B4B |
rgb(163,59,75) |
hsl(351,47%,44%) |
#A3913A |
rgb(163,145,58) |
hsl(50,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80A3 |
rgb(58,128,163) |
hsl(200,48%,43%) |
#A35C3A |
rgb(163,92,58) |
hsl(19,48%,43%) |
#3AA391 |
rgb(58,163,145) |
hsl(170,48%,43%) |
#A3913A |
rgb(163,145,58) |
hsl(50,48%,43%) |