HEX #3A7DA3 color — Astral
The color #3A7DA3 is a dark shade and moderately saturated.
Palette
3A7DA3 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(202,48%,98%) |
#e5eff6 |
rgb(229,239,246) |
hsl(202,48%,93%) |
#d2e4ef |
rgb(210,228,239) |
hsl(202,48%,88%) |
#bfd9e8 |
rgb(191,217,232) |
hsl(202,48%,83%) |
#accee2 |
rgb(172,206,226) |
hsl(202,48%,78%) |
#99c3db |
rgb(153,195,219) |
hsl(202,48%,73%) |
#86b8d5 |
rgb(134,184,213) |
hsl(202,48%,68%) |
#73adce |
rgb(115,173,206) |
hsl(202,48%,63%) |
#60a2c7 |
rgb(96,162,199) |
hsl(202,48%,58%) |
#4e96c1 |
rgb(78,150,193) |
hsl(202,48%,53%) |
#408ab5 |
rgb(64,138,181) |
hsl(202,48%,48%) |
#397ca2 |
rgb(57,124,162) |
hsl(202,48%,43%) |
#326d8f |
rgb(50,109,143) |
hsl(202,48%,38%) |
#2c5f7d |
rgb(44,95,125) |
hsl(202,48%,33%) |
#25516a |
rgb(37,81,106) |
hsl(202,48%,28%) |
#1e4257 |
rgb(30,66,87) |
hsl(202,48%,23%) |
#183444 |
rgb(24,52,68) |
hsl(202,48%,18%) |
#112531 |
rgb(17,37,49) |
hsl(202,48%,13%) |
#0b171e |
rgb(11,23,30) |
hsl(202,48%,8%) |
#04090b |
rgb(4,9,11) |
hsl(202,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA383 |
rgb(58,163,131) |
hsl(162,48%,43%) |
#3A7DA3 |
rgb(58,125,163) |
hsl(202,48%,43%) |
#3D3BA3 |
rgb(61,59,163) |
hsl(241,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5EA1C5 |
rgb(94,161,197) |
hsl(201,47%,57%) |
#4391BC |
rgb(67,145,188) |
hsl(201,47%,50%) |
#3A7DA3 |
rgb(58,125,163) |
hsl(202,48%,43%) |
#306988 |
rgb(48,105,136) |
hsl(201,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 |
#3A7DA3 |
rgb(58,125,163) |
hsl(202,48%,43%) |
#A33B48 |
rgb(163,59,72) |
hsl(353,47%,44%) |
#A3943A |
rgb(163,148,58) |
hsl(51,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7DA3 |
rgb(58,125,163) |
hsl(202,48%,43%) |
#A3613A |
rgb(163,97,58) |
hsl(22,48%,43%) |
#3AA394 |
rgb(58,163,148) |
hsl(171,48%,43%) |
#A3943A |
rgb(163,148,58) |
hsl(51,48%,43%) |