HEX #3A5CA2 color — Azure
The color #3A5CA2 is a dark shade and moderately saturated.
Palette
3A5CA2 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(220,47%,98%) |
#e5eaf6 |
rgb(229,234,246) |
hsl(220,47%,93%) |
#d2dcef |
rgb(210,220,239) |
hsl(220,47%,88%) |
#bfcde8 |
rgb(191,205,232) |
hsl(220,47%,83%) |
#adbee1 |
rgb(173,190,225) |
hsl(220,47%,78%) |
#9aafdb |
rgb(154,175,219) |
hsl(220,47%,73%) |
#87a1d4 |
rgb(135,161,212) |
hsl(220,47%,68%) |
#7492cd |
rgb(116,146,205) |
hsl(220,47%,63%) |
#6283c6 |
rgb(98,131,198) |
hsl(220,47%,58%) |
#4f74bf |
rgb(79,116,191) |
hsl(220,47%,53%) |
#4167b4 |
rgb(65,103,180) |
hsl(220,47%,48%) |
#3a5ca1 |
rgb(58,92,161) |
hsl(220,47%,43%) |
#33528e |
rgb(51,82,142) |
hsl(220,47%,38%) |
#2d477c |
rgb(45,71,124) |
hsl(220,47%,33%) |
#263c69 |
rgb(38,60,105) |
hsl(220,47%,28%) |
#1f3156 |
rgb(31,49,86) |
hsl(220,47%,23%) |
#182743 |
rgb(24,39,67) |
hsl(220,47%,18%) |
#121c31 |
rgb(18,28,49) |
hsl(220,47%,13%) |
#0b111e |
rgb(11,17,30) |
hsl(220,47%,8%) |
#04060b |
rgb(4,6,11) |
hsl(220,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA1A2 |
rgb(58,161,162) |
hsl(181,47%,43%) |
#3A5CA2 |
rgb(58,92,162) |
hsl(220,47%,43%) |
#5D3BA2 |
rgb(93,59,162) |
hsl(260,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D80C5 |
rgb(93,128,197) |
hsl(220,47%,57%) |
#436BBB |
rgb(67,107,187) |
hsl(220,47%,50%) |
#3A5CA2 |
rgb(58,92,162) |
hsl(220,47%,43%) |
#304D88 |
rgb(48,77,136) |
hsl(220,48%,36%) |
#27406E |
rgb(39,64,110) |
hsl(219,48%,29%) |
#1E3054 |
rgb(30,48,84) |
hsl(220,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CA2 |
rgb(58,92,162) |
hsl(220,47%,43%) |
#A24D3A |
rgb(162,77,58) |
hsl(11,47%,43%) |
#90A33A |
rgb(144,163,58) |
hsl(71,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CA2 |
rgb(58,92,162) |
hsl(220,47%,43%) |
#A2803A |
rgb(162,128,58) |
hsl(40,47%,43%) |
#3A8FA2 |
rgb(58,143,162) |
hsl(191,47%,43%) |
#90A33A |
rgb(144,163,58) |
hsl(71,48%,43%) |