HEX #3158A5 color — Azure
The color #3158a5 is a dark shade and moderately saturated.
Palette
3158a5 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 |
#31A6A4 |
rgb(49,166,164) |
hsl(179,54%,42%) |
#3158A5 |
rgb(49,88,165) |
hsl(220,54%,42%) |
#5730A5 |
rgb(87,48,165) |
hsl(260,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F78CA |
rgb(79,120,202) |
hsl(220,54%,55%) |
#3866BF |
rgb(56,102,191) |
hsl(220,55%,48%) |
#3158A5 |
rgb(49,88,165) |
hsl(220,54%,42%) |
#294A8A |
rgb(41,74,138) |
hsl(220,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 |
#3158A5 |
rgb(49,88,165) |
hsl(220,54%,42%) |
#A54531 |
rgb(165,69,49) |
hsl(10,54%,42%) |
#92A631 |
rgb(146,166,49) |
hsl(70,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3158A5 |
rgb(49,88,165) |
hsl(220,54%,42%) |
#A57D31 |
rgb(165,125,49) |
hsl(39,54%,42%) |
#3191A5 |
rgb(49,145,165) |
hsl(190,54%,42%) |
#92A631 |
rgb(146,166,49) |
hsl(70,54%,42%) |