HEX #3A63A3 color — Azure
The color #3A63A3 is a dark shade and moderately saturated.
Palette
3A63A3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fc |
rgb(247,249,252) |
hsl(217,48%,98%) |
#e5ebf6 |
rgb(229,235,246) |
hsl(217,48%,93%) |
#d2ddef |
rgb(210,221,239) |
hsl(217,48%,88%) |
#bfcfe8 |
rgb(191,207,232) |
hsl(217,48%,83%) |
#acc1e2 |
rgb(172,193,226) |
hsl(217,48%,78%) |
#99b2db |
rgb(153,178,219) |
hsl(217,48%,73%) |
#86a4d5 |
rgb(134,164,213) |
hsl(217,48%,68%) |
#7396ce |
rgb(115,150,206) |
hsl(217,48%,63%) |
#6088c7 |
rgb(96,136,199) |
hsl(217,48%,58%) |
#4e7ac1 |
rgb(78,122,193) |
hsl(217,48%,53%) |
#406db5 |
rgb(64,109,181) |
hsl(217,48%,48%) |
#3961a2 |
rgb(57,97,162) |
hsl(217,48%,43%) |
#32568f |
rgb(50,86,143) |
hsl(217,48%,38%) |
#2c4b7d |
rgb(44,75,125) |
hsl(217,48%,33%) |
#253f6a |
rgb(37,63,106) |
hsl(217,48%,28%) |
#1e3457 |
rgb(30,52,87) |
hsl(217,48%,23%) |
#182944 |
rgb(24,41,68) |
hsl(217,48%,18%) |
#111d31 |
rgb(17,29,49) |
hsl(217,48%,13%) |
#0b121e |
rgb(11,18,30) |
hsl(217,48%,8%) |
#04070b |
rgb(4,7,11) |
hsl(217,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA39D |
rgb(58,163,157) |
hsl(177,48%,43%) |
#3A63A3 |
rgb(58,99,163) |
hsl(217,48%,43%) |
#573BA3 |
rgb(87,59,163) |
hsl(256,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E87C5 |
rgb(94,135,197) |
hsl(216,47%,57%) |
#4373BC |
rgb(67,115,188) |
hsl(216,47%,50%) |
#3A63A3 |
rgb(58,99,163) |
hsl(217,48%,43%) |
#305488 |
rgb(48,84,136) |
hsl(215,48%,36%) |
#27426E |
rgb(39,66,110) |
hsl(217,48%,29%) |
#1E3354 |
rgb(30,51,84) |
hsl(217,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63A3 |
rgb(58,99,163) |
hsl(217,48%,43%) |
#A3453A |
rgb(163,69,58) |
hsl(6,48%,43%) |
#97A33A |
rgb(151,163,58) |
hsl(67,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63A3 |
rgb(58,99,163) |
hsl(217,48%,43%) |
#A37A3A |
rgb(163,122,58) |
hsl(37,48%,43%) |
#3A96A3 |
rgb(58,150,163) |
hsl(187,48%,43%) |
#97A33A |
rgb(151,163,58) |
hsl(67,48%,43%) |