HEX #3A57A2 color — Azure
The color #3A57A2 is a dark shade and moderately saturated.
Palette
3A57A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(223,47%,98%) |
#e5eaf6 |
rgb(229,234,246) |
hsl(223,47%,93%) |
#d2daef |
rgb(210,218,239) |
hsl(223,47%,88%) |
#bfcbe8 |
rgb(191,203,232) |
hsl(223,47%,83%) |
#adbbe1 |
rgb(173,187,225) |
hsl(223,47%,78%) |
#9aacdb |
rgb(154,172,219) |
hsl(223,47%,73%) |
#879dd4 |
rgb(135,157,212) |
hsl(223,47%,68%) |
#748dcd |
rgb(116,141,205) |
hsl(223,47%,63%) |
#627ec6 |
rgb(98,126,198) |
hsl(223,47%,58%) |
#4f6fbf |
rgb(79,111,191) |
hsl(223,47%,53%) |
#4161b4 |
rgb(65,97,180) |
hsl(223,47%,48%) |
#3a57a1 |
rgb(58,87,161) |
hsl(223,47%,43%) |
#334d8e |
rgb(51,77,142) |
hsl(223,47%,38%) |
#2d437c |
rgb(45,67,124) |
hsl(223,47%,33%) |
#263969 |
rgb(38,57,105) |
hsl(223,47%,28%) |
#1f2f56 |
rgb(31,47,86) |
hsl(223,47%,23%) |
#182543 |
rgb(24,37,67) |
hsl(223,47%,18%) |
#121a31 |
rgb(18,26,49) |
hsl(223,47%,13%) |
#0b101e |
rgb(11,16,30) |
hsl(223,47%,8%) |
#04060b |
rgb(4,6,11) |
hsl(223,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A9CA2 |
rgb(58,156,162) |
hsl(183,47%,43%) |
#3A57A2 |
rgb(58,87,162) |
hsl(223,47%,43%) |
#623BA2 |
rgb(98,59,162) |
hsl(263,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D7AC5 |
rgb(93,122,197) |
hsl(223,47%,57%) |
#4366BB |
rgb(67,102,187) |
hsl(223,47%,50%) |
#3A57A2 |
rgb(58,87,162) |
hsl(223,47%,43%) |
#304A88 |
rgb(48,74,136) |
hsl(222,48%,36%) |
#273B6E |
rgb(39,59,110) |
hsl(223,48%,29%) |
#1E2E54 |
rgb(30,46,84) |
hsl(222,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57A2 |
rgb(58,87,162) |
hsl(223,47%,43%) |
#A2523A |
rgb(162,82,58) |
hsl(14,47%,43%) |
#8BA33A |
rgb(139,163,58) |
hsl(74,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57A2 |
rgb(58,87,162) |
hsl(223,47%,43%) |
#A2853A |
rgb(162,133,58) |
hsl(43,47%,43%) |
#3A8CA2 |
rgb(58,140,162) |
hsl(193,47%,43%) |
#8BA33A |
rgb(139,163,58) |
hsl(74,48%,43%) |