HEX #3A80AA color — Astral
The color #3A80AA is a dark shade and moderately saturated.
Palette
3A80AA color palette from light to dark
HEX |
RGB |
HSL |
#ecf4f8 |
rgb(236,244,248) |
hsl(203,49%,95%) |
#d9e8f2 |
rgb(217,232,242) |
hsl(203,49%,90%) |
#c6ddeb |
rgb(198,221,235) |
hsl(203,49%,85%) |
#b3d2e5 |
rgb(179,210,229) |
hsl(203,49%,80%) |
#a0c7de |
rgb(160,199,222) |
hsl(203,49%,75%) |
#8dbbd8 |
rgb(141,187,216) |
hsl(203,49%,70%) |
#7ab0d1 |
rgb(122,176,209) |
hsl(203,49%,65%) |
#67a5cb |
rgb(103,165,203) |
hsl(203,49%,60%) |
#5499c4 |
rgb(84,153,196) |
hsl(203,49%,55%) |
#418ebe |
rgb(65,142,190) |
hsl(203,49%,50%) |
#3b80ab |
rgb(59,128,171) |
hsl(203,49%,45%) |
#347298 |
rgb(52,114,152) |
hsl(203,49%,40%) |
#2e6385 |
rgb(46,99,133) |
hsl(203,49%,35%) |
#275572 |
rgb(39,85,114) |
hsl(203,49%,30%) |
#21475f |
rgb(33,71,95) |
hsl(203,49%,25%) |
#1a394c |
rgb(26,57,76) |
hsl(203,49%,20%) |
#142b39 |
rgb(20,43,57) |
hsl(203,49%,15%) |
#0d1c26 |
rgb(13,28,38) |
hsl(203,49%,10%) |
#070e13 |
rgb(7,14,19) |
hsl(203,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AAB89 |
rgb(58,171,137) |
hsl(162,49%,45%) |
#3A80AA |
rgb(58,128,170) |
hsl(203,49%,45%) |
#3E3BAA |
rgb(62,59,170) |
hsl(242,48%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#63A3C9 |
rgb(99,163,201) |
hsl(202,49%,59%) |
#4794C0 |
rgb(71,148,192) |
hsl(202,49%,52%) |
#3A80AA |
rgb(58,128,170) |
hsl(203,49%,45%) |
#306B8E |
rgb(48,107,142) |
hsl(202,49%,37%) |
#275773 |
rgb(39,87,115) |
hsl(202,49%,30%) |
#1E4258 |
rgb(30,66,88) |
hsl(203,49%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80AA |
rgb(58,128,170) |
hsl(203,49%,45%) |
#AA3B48 |
rgb(170,59,72) |
hsl(353,48%,45%) |
#AA9C3A |
rgb(170,156,58) |
hsl(53,49%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80AA |
rgb(58,128,170) |
hsl(203,49%,45%) |
#AA633A |
rgb(170,99,58) |
hsl(22,49%,45%) |
#3AAB9C |
rgb(58,171,156) |
hsl(172,49%,45%) |
#AA9C3A |
rgb(170,156,58) |
hsl(53,49%,45%) |