HEX #3A5EAA color — Azure
The color #3A5EAA is a dark shade and moderately saturated.
Palette
3A5EAA color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(221,49%,95%) |
#d9e1f2 |
rgb(217,225,242) |
hsl(221,49%,90%) |
#c6d2eb |
rgb(198,210,235) |
hsl(221,49%,85%) |
#b3c3e5 |
rgb(179,195,229) |
hsl(221,49%,80%) |
#a0b4de |
rgb(160,180,222) |
hsl(221,49%,75%) |
#8da5d8 |
rgb(141,165,216) |
hsl(221,49%,70%) |
#7a96d1 |
rgb(122,150,209) |
hsl(221,49%,65%) |
#6787cb |
rgb(103,135,203) |
hsl(221,49%,60%) |
#5478c4 |
rgb(84,120,196) |
hsl(221,49%,55%) |
#4169be |
rgb(65,105,190) |
hsl(221,49%,50%) |
#3b5eab |
rgb(59,94,171) |
hsl(221,49%,45%) |
#345498 |
rgb(52,84,152) |
hsl(221,49%,40%) |
#2e4985 |
rgb(46,73,133) |
hsl(221,49%,35%) |
#273f72 |
rgb(39,63,114) |
hsl(221,49%,30%) |
#21345f |
rgb(33,52,95) |
hsl(221,49%,25%) |
#1a2a4c |
rgb(26,42,76) |
hsl(221,49%,20%) |
#141f39 |
rgb(20,31,57) |
hsl(221,49%,15%) |
#0d1526 |
rgb(13,21,38) |
hsl(221,49%,10%) |
#070a13 |
rgb(7,10,19) |
hsl(221,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA8AA |
rgb(58,168,170) |
hsl(181,49%,45%) |
#3A5EAA |
rgb(58,94,170) |
hsl(221,49%,45%) |
#603BAA |
rgb(96,59,170) |
hsl(260,48%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6385C9 |
rgb(99,133,201) |
hsl(220,49%,59%) |
#476EC0 |
rgb(71,110,192) |
hsl(221,49%,52%) |
#3A5EAA |
rgb(58,94,170) |
hsl(221,49%,45%) |
#304F8E |
rgb(48,79,142) |
hsl(220,49%,37%) |
#274073 |
rgb(39,64,115) |
hsl(220,49%,30%) |
#1E3058 |
rgb(30,48,88) |
hsl(221,49%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5EAA |
rgb(58,94,170) |
hsl(221,49%,45%) |
#AA4F3A |
rgb(170,79,58) |
hsl(11,49%,45%) |
#96AB3A |
rgb(150,171,58) |
hsl(71,49%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5EAA |
rgb(58,94,170) |
hsl(221,49%,45%) |
#AA873A |
rgb(170,135,58) |
hsl(41,49%,45%) |
#3A96AA |
rgb(58,150,170) |
hsl(191,49%,45%) |
#96AB3A |
rgb(150,171,58) |
hsl(71,49%,45%) |