HEX #3563A1 color — Azure
The color #3563A1 is a dark shade and moderately saturated.
Palette
3563A1 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fb |
rgb(244,247,251) |
hsl(214,50%,97%) |
#e0e9f5 |
rgb(224,233,245) |
hsl(214,50%,92%) |
#cddcee |
rgb(205,220,238) |
hsl(214,50%,87%) |
#bacee8 |
rgb(186,206,232) |
hsl(214,50%,82%) |
#a7c0e2 |
rgb(167,192,226) |
hsl(214,50%,77%) |
#94b3db |
rgb(148,179,219) |
hsl(214,50%,72%) |
#81a5d5 |
rgb(129,165,213) |
hsl(214,50%,67%) |
#6e98cf |
rgb(110,152,207) |
hsl(214,50%,62%) |
#5b8ac8 |
rgb(91,138,200) |
hsl(214,50%,57%) |
#477cc2 |
rgb(71,124,194) |
hsl(214,50%,52%) |
#3c70b4 |
rgb(60,112,180) |
hsl(214,50%,47%) |
#3664a1 |
rgb(54,100,161) |
hsl(214,50%,42%) |
#2f588e |
rgb(47,88,142) |
hsl(214,50%,37%) |
#294c7a |
rgb(41,76,122) |
hsl(214,50%,32%) |
#224067 |
rgb(34,64,103) |
hsl(214,50%,27%) |
#1c3454 |
rgb(28,52,84) |
hsl(214,50%,22%) |
#162841 |
rgb(22,40,65) |
hsl(214,50%,17%) |
#0f1d2e |
rgb(15,29,46) |
hsl(214,50%,12%) |
#09111b |
rgb(9,17,27) |
hsl(214,50%,7%) |
#030508 |
rgb(3,5,8) |
hsl(214,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35A197 |
rgb(53,161,151) |
hsl(174,50%,42%) |
#3563A1 |
rgb(53,99,161) |
hsl(214,50%,42%) |
#4F36A1 |
rgb(79,54,161) |
hsl(254,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5385C6 |
rgb(83,133,198) |
hsl(214,50%,55%) |
#3D73BA |
rgb(61,115,186) |
hsl(214,51%,48%) |
#3563A1 |
rgb(53,99,161) |
hsl(214,50%,42%) |
#2C5487 |
rgb(44,84,135) |
hsl(214,51%,35%) |
#24426D |
rgb(36,66,109) |
hsl(215,50%,28%) |
#1B3353 |
rgb(27,51,83) |
hsl(214,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3563A1 |
rgb(53,99,161) |
hsl(214,50%,42%) |
#A13D35 |
rgb(161,61,53) |
hsl(4,50%,42%) |
#99A135 |
rgb(153,161,53) |
hsl(64,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3563A1 |
rgb(53,99,161) |
hsl(214,50%,42%) |
#A17335 |
rgb(161,115,53) |
hsl(34,50%,42%) |
#3599A1 |
rgb(53,153,161) |
hsl(184,50%,42%) |
#99A135 |
rgb(153,161,53) |
hsl(64,50%,42%) |