HEX #3157A4 color — Azure
The color #3157A4 is a dark shade and moderately saturated.
Palette
3157A4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(220,54%,97%) |
#e0e7f6 |
rgb(224,231,246) |
hsl(220,54%,92%) |
#ccd8f0 |
rgb(204,216,240) |
hsl(220,54%,87%) |
#b8c9ea |
rgb(184,201,234) |
hsl(220,54%,82%) |
#a5bae4 |
rgb(165,186,228) |
hsl(220,54%,77%) |
#91abde |
rgb(145,171,222) |
hsl(220,54%,72%) |
#7d9cd8 |
rgb(125,156,216) |
hsl(220,54%,67%) |
#6a8dd2 |
rgb(106,141,210) |
hsl(220,54%,62%) |
#567ecd |
rgb(86,126,205) |
hsl(220,54%,57%) |
#436fc7 |
rgb(67,111,199) |
hsl(220,54%,52%) |
#3762b9 |
rgb(55,98,185) |
hsl(220,54%,47%) |
#3158a5 |
rgb(49,88,165) |
hsl(220,54%,42%) |
#2b4d91 |
rgb(43,77,145) |
hsl(220,54%,37%) |
#26437e |
rgb(38,67,126) |
hsl(220,54%,32%) |
#20386a |
rgb(32,56,106) |
hsl(220,54%,27%) |
#1a2e56 |
rgb(26,46,86) |
hsl(220,54%,22%) |
#142443 |
rgb(20,36,67) |
hsl(220,54%,17%) |
#0e192f |
rgb(14,25,47) |
hsl(220,54%,12%) |
#080f1b |
rgb(8,15,27) |
hsl(220,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A3A4 |
rgb(49,163,164) |
hsl(181,54%,42%) |
#3157A4 |
rgb(49,87,164) |
hsl(220,54%,42%) |
#5730A4 |
rgb(87,48,164) |
hsl(260,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E78CA |
rgb(78,120,202) |
hsl(220,54%,55%) |
#3866BE |
rgb(56,102,190) |
hsl(219,54%,48%) |
#3157A4 |
rgb(49,87,164) |
hsl(220,54%,42%) |
#294A89 |
rgb(41,74,137) |
hsl(219,54%,35%) |
#213B6F |
rgb(33,59,111) |
hsl(220,54%,28%) |
#192E55 |
rgb(25,46,85) |
hsl(219,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157A4 |
rgb(49,87,164) |
hsl(220,54%,42%) |
#A44531 |
rgb(164,69,49) |
hsl(10,54%,42%) |
#90A331 |
rgb(144,163,49) |
hsl(70,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157A4 |
rgb(49,87,164) |
hsl(220,54%,42%) |
#A47D31 |
rgb(164,125,49) |
hsl(40,54%,42%) |
#3191A4 |
rgb(49,145,164) |
hsl(190,54%,42%) |
#90A331 |
rgb(144,163,49) |
hsl(70,54%,42%) |