HEX #3563A6 color — Azure
The color #3563A6 is a dark shade and moderately saturated.
Palette
3563A6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,52%,98%) |
#e4ebf6 |
rgb(228,235,246) |
hsl(216,52%,93%) |
#d0ddf0 |
rgb(208,221,240) |
hsl(216,52%,88%) |
#bdcfea |
rgb(189,207,234) |
hsl(216,52%,83%) |
#aac1e4 |
rgb(170,193,228) |
hsl(216,52%,78%) |
#96b3de |
rgb(150,179,222) |
hsl(216,52%,73%) |
#83a5d8 |
rgb(131,165,216) |
hsl(216,52%,68%) |
#7097d2 |
rgb(112,151,210) |
hsl(216,52%,63%) |
#5c89cc |
rgb(92,137,204) |
hsl(216,52%,58%) |
#497bc5 |
rgb(73,123,197) |
hsl(216,52%,53%) |
#3b6eba |
rgb(59,110,186) |
hsl(216,52%,48%) |
#3562a7 |
rgb(53,98,167) |
hsl(216,52%,43%) |
#2f5793 |
rgb(47,87,147) |
hsl(216,52%,38%) |
#284b80 |
rgb(40,75,128) |
hsl(216,52%,33%) |
#22406d |
rgb(34,64,109) |
hsl(216,52%,28%) |
#1c3559 |
rgb(28,53,89) |
hsl(216,52%,23%) |
#162946 |
rgb(22,41,70) |
hsl(216,52%,18%) |
#101e32 |
rgb(16,30,50) |
hsl(216,52%,13%) |
#0a121f |
rgb(10,18,31) |
hsl(216,52%,8%) |
#04070c |
rgb(4,7,12) |
hsl(216,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#35A69D |
rgb(53,166,157) |
hsl(175,52%,43%) |
#3563A6 |
rgb(53,99,166) |
hsl(216,52%,43%) |
#5236A6 |
rgb(82,54,166) |
hsl(255,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5787C9 |
rgb(87,135,201) |
hsl(215,51%,56%) |
#3D73C0 |
rgb(61,115,192) |
hsl(215,52%,50%) |
#3563A6 |
rgb(53,99,166) |
hsl(216,52%,43%) |
#2C548B |
rgb(44,84,139) |
hsl(215,52%,36%) |
#244270 |
rgb(36,66,112) |
hsl(216,51%,29%) |
#1B3356 |
rgb(27,51,86) |
hsl(216,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3563A6 |
rgb(53,99,166) |
hsl(216,52%,43%) |
#A64035 |
rgb(166,64,53) |
hsl(6,52%,43%) |
#9BA635 |
rgb(155,166,53) |
hsl(66,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3563A6 |
rgb(53,99,166) |
hsl(216,52%,43%) |
#A67835 |
rgb(166,120,53) |
hsl(36,52%,43%) |
#359CA6 |
rgb(53,156,166) |
hsl(185,52%,43%) |
#9BA635 |
rgb(155,166,53) |
hsl(66,52%,43%) |