HEX #3A63A2 color — Azure
The color #3A63A2 is a dark shade and moderately saturated.
Palette
3A63A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(216,47%,98%) |
#e5ebf6 |
rgb(229,235,246) |
hsl(216,47%,93%) |
#d2deef |
rgb(210,222,239) |
hsl(216,47%,88%) |
#bfd0e8 |
rgb(191,208,232) |
hsl(216,47%,83%) |
#adc2e1 |
rgb(173,194,225) |
hsl(216,47%,78%) |
#9ab4db |
rgb(154,180,219) |
hsl(216,47%,73%) |
#87a6d4 |
rgb(135,166,212) |
hsl(216,47%,68%) |
#7498cd |
rgb(116,152,205) |
hsl(216,47%,63%) |
#628ac6 |
rgb(98,138,198) |
hsl(216,47%,58%) |
#4f7cbf |
rgb(79,124,191) |
hsl(216,47%,53%) |
#416fb4 |
rgb(65,111,180) |
hsl(216,47%,48%) |
#3a63a1 |
rgb(58,99,161) |
hsl(216,47%,43%) |
#33588e |
rgb(51,88,142) |
hsl(216,47%,38%) |
#2d4c7c |
rgb(45,76,124) |
hsl(216,47%,33%) |
#264169 |
rgb(38,65,105) |
hsl(216,47%,28%) |
#1f3556 |
rgb(31,53,86) |
hsl(216,47%,23%) |
#182a43 |
rgb(24,42,67) |
hsl(216,47%,18%) |
#121e31 |
rgb(18,30,49) |
hsl(216,47%,13%) |
#0b121e |
rgb(11,18,30) |
hsl(216,47%,8%) |
#04070b |
rgb(4,7,11) |
hsl(216,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA39B |
rgb(58,163,155) |
hsl(175,48%,43%) |
#3A63A2 |
rgb(58,99,162) |
hsl(216,47%,43%) |
#563BA2 |
rgb(86,59,162) |
hsl(256,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D87C5 |
rgb(93,135,197) |
hsl(216,47%,57%) |
#4373BB |
rgb(67,115,187) |
hsl(216,47%,50%) |
#3A63A2 |
rgb(58,99,162) |
hsl(216,47%,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 |
#3A63A2 |
rgb(58,99,162) |
hsl(216,47%,43%) |
#A2453A |
rgb(162,69,58) |
hsl(6,47%,43%) |
#97A33A |
rgb(151,163,58) |
hsl(67,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63A2 |
rgb(58,99,162) |
hsl(216,47%,43%) |
#A2783A |
rgb(162,120,58) |
hsl(36,47%,43%) |
#3A96A2 |
rgb(58,150,162) |
hsl(187,47%,43%) |
#97A33A |
rgb(151,163,58) |
hsl(67,48%,43%) |