HEX #3A57A9 color — Azure
The color #3A57A9 is a dark shade and moderately saturated.
Palette
3A57A9 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(224,49%,95%) |
#d9e0f2 |
rgb(217,224,242) |
hsl(224,49%,90%) |
#c6d0eb |
rgb(198,208,235) |
hsl(224,49%,85%) |
#b3c0e5 |
rgb(179,192,229) |
hsl(224,49%,80%) |
#a0b1de |
rgb(160,177,222) |
hsl(224,49%,75%) |
#8da1d8 |
rgb(141,161,216) |
hsl(224,49%,70%) |
#7a91d1 |
rgb(122,145,209) |
hsl(224,49%,65%) |
#6782cb |
rgb(103,130,203) |
hsl(224,49%,60%) |
#5472c4 |
rgb(84,114,196) |
hsl(224,49%,55%) |
#4162be |
rgb(65,98,190) |
hsl(224,49%,50%) |
#3b59ab |
rgb(59,89,171) |
hsl(224,49%,45%) |
#344f98 |
rgb(52,79,152) |
hsl(224,49%,40%) |
#2e4585 |
rgb(46,69,133) |
hsl(224,49%,35%) |
#273b72 |
rgb(39,59,114) |
hsl(224,49%,30%) |
#21315f |
rgb(33,49,95) |
hsl(224,49%,25%) |
#1a274c |
rgb(26,39,76) |
hsl(224,49%,20%) |
#141e39 |
rgb(20,30,57) |
hsl(224,49%,15%) |
#0d1426 |
rgb(13,20,38) |
hsl(224,49%,10%) |
#070a13 |
rgb(7,10,19) |
hsl(224,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA1A9 |
rgb(58,161,169) |
hsl(184,49%,45%) |
#3A57A9 |
rgb(58,87,169) |
hsl(224,49%,45%) |
#673BA9 |
rgb(103,59,169) |
hsl(264,48%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#627DC9 |
rgb(98,125,201) |
hsl(224,49%,59%) |
#4766BF |
rgb(71,102,191) |
hsl(225,48%,51%) |
#3A57A9 |
rgb(58,87,169) |
hsl(224,49%,45%) |
#304A8D |
rgb(48,74,141) |
hsl(223,49%,37%) |
#273B72 |
rgb(39,59,114) |
hsl(224,49%,30%) |
#1E2E57 |
rgb(30,46,87) |
hsl(223,49%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57A9 |
rgb(58,87,169) |
hsl(224,49%,45%) |
#A9543A |
rgb(169,84,58) |
hsl(14,49%,45%) |
#8EA83A |
rgb(142,168,58) |
hsl(74,49%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57A9 |
rgb(58,87,169) |
hsl(224,49%,45%) |
#A98C3A |
rgb(169,140,58) |
hsl(44,49%,45%) |
#3A8FA9 |
rgb(58,143,169) |
hsl(194,49%,45%) |
#8EA83A |
rgb(142,168,58) |
hsl(74,49%,44%) |