HEX #2A4770 color — Astronaut
The color #2A4770 is a dark shade and moderately saturated.
Palette
2A4770 color palette from light to dark
HEX |
RGB |
HSL |
#edf1f8 |
rgb(237,241,248) |
hsl(215,45%,95%) |
#dae4f1 |
rgb(218,228,241) |
hsl(215,45%,90%) |
#c8d6ea |
rgb(200,214,234) |
hsl(215,45%,85%) |
#b5c8e3 |
rgb(181,200,227) |
hsl(215,45%,80%) |
#a3badc |
rgb(163,186,220) |
hsl(215,45%,75%) |
#90add5 |
rgb(144,173,213) |
hsl(215,45%,70%) |
#7e9fce |
rgb(126,159,206) |
hsl(215,45%,65%) |
#6b91c7 |
rgb(107,145,199) |
hsl(215,45%,60%) |
#5984c0 |
rgb(89,132,192) |
hsl(215,45%,55%) |
#4676b9 |
rgb(70,118,185) |
hsl(215,45%,50%) |
#3f6aa6 |
rgb(63,106,166) |
hsl(215,45%,45%) |
#385e94 |
rgb(56,94,148) |
hsl(215,45%,40%) |
#315381 |
rgb(49,83,129) |
hsl(215,45%,35%) |
#2a476f |
rgb(42,71,111) |
hsl(215,45%,30%) |
#233b5c |
rgb(35,59,92) |
hsl(215,45%,25%) |
#1c2f4a |
rgb(28,47,74) |
hsl(215,45%,20%) |
#152337 |
rgb(21,35,55) |
hsl(215,45%,15%) |
#0e1825 |
rgb(14,24,37) |
hsl(215,45%,10%) |
#070c12 |
rgb(7,12,18) |
hsl(215,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A706A |
rgb(42,112,106) |
hsl(175,45%,30%) |
#2A4770 |
rgb(42,71,112) |
hsl(215,45%,30%) |
#3B2970 |
rgb(59,41,112) |
hsl(255,46%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#305281 |
rgb(48,82,129) |
hsl(215,46%,35%) |
#2A4770 |
rgb(42,71,112) |
hsl(215,45%,30%) |
#233B5E |
rgb(35,59,94) |
hsl(216,46%,25%) |
#1C304C |
rgb(28,48,76) |
hsl(215,46%,20%) |
#15243A |
rgb(21,36,58) |
hsl(216,47%,15%) |
#0F1A28 |
rgb(15,26,40) |
hsl(214,45%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A4770 |
rgb(42,71,112) |
hsl(215,45%,30%) |
#70302A |
rgb(112,48,42) |
hsl(5,45%,30%) |
#6A702A |
rgb(106,112,42) |
hsl(65,45%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A4770 |
rgb(42,71,112) |
hsl(215,45%,30%) |
#70542A |
rgb(112,84,42) |
hsl(36,45%,30%) |
#2A6B70 |
rgb(42,107,112) |
hsl(184,45%,30%) |
#6A702A |
rgb(106,112,42) |
hsl(65,45%,30%) |