HEX #3156A5 color — Azure
The color #3156a5 is a dark shade and moderately saturated.
Palette
3156a5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(221,54%,97%) |
#e0e7f6 |
rgb(224,231,246) |
hsl(221,54%,92%) |
#ccd7f0 |
rgb(204,215,240) |
hsl(221,54%,87%) |
#b8c8ea |
rgb(184,200,234) |
hsl(221,54%,82%) |
#a5b9e4 |
rgb(165,185,228) |
hsl(221,54%,77%) |
#91a9de |
rgb(145,169,222) |
hsl(221,54%,72%) |
#7d9ad8 |
rgb(125,154,216) |
hsl(221,54%,67%) |
#6a8bd2 |
rgb(106,139,210) |
hsl(221,54%,62%) |
#567ccd |
rgb(86,124,205) |
hsl(221,54%,57%) |
#436cc7 |
rgb(67,108,199) |
hsl(221,54%,52%) |
#3760b9 |
rgb(55,96,185) |
hsl(221,54%,47%) |
#3156a5 |
rgb(49,86,165) |
hsl(221,54%,42%) |
#2b4c91 |
rgb(43,76,145) |
hsl(221,54%,37%) |
#26417e |
rgb(38,65,126) |
hsl(221,54%,32%) |
#20376a |
rgb(32,55,106) |
hsl(221,54%,27%) |
#1a2d56 |
rgb(26,45,86) |
hsl(221,54%,22%) |
#142343 |
rgb(20,35,67) |
hsl(221,54%,17%) |
#0e192f |
rgb(14,25,47) |
hsl(221,54%,12%) |
#080e1b |
rgb(8,14,27) |
hsl(221,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A3A5 |
rgb(49,163,165) |
hsl(181,54%,42%) |
#3156A5 |
rgb(49,86,165) |
hsl(221,54%,42%) |
#5930A5 |
rgb(89,48,165) |
hsl(261,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F78CA |
rgb(79,120,202) |
hsl(220,54%,55%) |
#3863BF |
rgb(56,99,191) |
hsl(221,55%,48%) |
#3156A5 |
rgb(49,86,165) |
hsl(221,54%,42%) |
#29478A |
rgb(41,71,138) |
hsl(221,54%,35%) |
#213B70 |
rgb(33,59,112) |
hsl(220,54%,28%) |
#192E55 |
rgb(25,46,85) |
hsl(219,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3156A5 |
rgb(49,86,165) |
hsl(221,54%,42%) |
#A54531 |
rgb(165,69,49) |
hsl(10,54%,42%) |
#90A631 |
rgb(144,166,49) |
hsl(71,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3156A5 |
rgb(49,86,165) |
hsl(221,54%,42%) |
#A58031 |
rgb(165,128,49) |
hsl(41,54%,42%) |
#318FA5 |
rgb(49,143,165) |
hsl(191,54%,42%) |
#90A631 |
rgb(144,166,49) |
hsl(71,54%,42%) |