HEX #3563A5 color — Azure
The color #3563A5 is a dark shade and moderately saturated.
Palette
3563A5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,51%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(215,51%,93%) |
#d1def0 |
rgb(209,222,240) |
hsl(215,51%,88%) |
#bed0ea |
rgb(190,208,234) |
hsl(215,51%,83%) |
#aac2e4 |
rgb(170,194,228) |
hsl(215,51%,78%) |
#97b4dd |
rgb(151,180,221) |
hsl(215,51%,73%) |
#84a6d7 |
rgb(132,166,215) |
hsl(215,51%,68%) |
#7199d1 |
rgb(113,153,209) |
hsl(215,51%,63%) |
#5d8bcb |
rgb(93,139,203) |
hsl(215,51%,58%) |
#4a7dc4 |
rgb(74,125,196) |
hsl(215,51%,53%) |
#3c70b9 |
rgb(60,112,185) |
hsl(215,51%,48%) |
#3664a6 |
rgb(54,100,166) |
hsl(215,51%,43%) |
#2f5992 |
rgb(47,89,146) |
hsl(215,51%,38%) |
#294d7f |
rgb(41,77,127) |
hsl(215,51%,33%) |
#23416c |
rgb(35,65,108) |
hsl(215,51%,28%) |
#1d3659 |
rgb(29,54,89) |
hsl(215,51%,23%) |
#162a45 |
rgb(22,42,69) |
hsl(215,51%,18%) |
#101e32 |
rgb(16,30,50) |
hsl(215,51%,13%) |
#0a131f |
rgb(10,19,31) |
hsl(215,51%,8%) |
#04070c |
rgb(4,7,12) |
hsl(215,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#35A69C |
rgb(53,166,156) |
hsl(175,52%,43%) |
#3563A5 |
rgb(53,99,165) |
hsl(215,51%,43%) |
#5136A5 |
rgb(81,54,165) |
hsl(255,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5685C8 |
rgb(86,133,200) |
hsl(215,51%,56%) |
#3D73BF |
rgb(61,115,191) |
hsl(215,52%,49%) |
#3563A5 |
rgb(53,99,165) |
hsl(215,51%,43%) |
#2C548A |
rgb(44,84,138) |
hsl(214,52%,36%) |
#244270 |
rgb(36,66,112) |
hsl(216,51%,29%) |
#1B3355 |
rgb(27,51,85) |
hsl(215,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3563A5 |
rgb(53,99,165) |
hsl(215,51%,43%) |
#A54035 |
rgb(165,64,53) |
hsl(6,51%,43%) |
#9BA635 |
rgb(155,166,53) |
hsl(66,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3563A5 |
rgb(53,99,165) |
hsl(215,51%,43%) |
#A57835 |
rgb(165,120,53) |
hsl(36,51%,43%) |
#359CA5 |
rgb(53,156,165) |
hsl(185,51%,43%) |
#9BA635 |
rgb(155,166,53) |
hsl(66,52%,43%) |