HEX #3154A6 color — Azure
The color #3154A6 is a dark shade and moderately saturated.
Palette
3154A6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(222,54%,97%) |
#e0e6f6 |
rgb(224,230,246) |
hsl(222,54%,92%) |
#ccd7f0 |
rgb(204,215,240) |
hsl(222,54%,87%) |
#b8c7ea |
rgb(184,199,234) |
hsl(222,54%,82%) |
#a5b8e4 |
rgb(165,184,228) |
hsl(222,54%,77%) |
#91a8de |
rgb(145,168,222) |
hsl(222,54%,72%) |
#7d99d8 |
rgb(125,153,216) |
hsl(222,54%,67%) |
#6a89d2 |
rgb(106,137,210) |
hsl(222,54%,62%) |
#567acd |
rgb(86,122,205) |
hsl(222,54%,57%) |
#436ac7 |
rgb(67,106,199) |
hsl(222,54%,52%) |
#375eb9 |
rgb(55,94,185) |
hsl(222,54%,47%) |
#3154a5 |
rgb(49,84,165) |
hsl(222,54%,42%) |
#2b4a91 |
rgb(43,74,145) |
hsl(222,54%,37%) |
#26407e |
rgb(38,64,126) |
hsl(222,54%,32%) |
#20366a |
rgb(32,54,106) |
hsl(222,54%,27%) |
#1a2c56 |
rgb(26,44,86) |
hsl(222,54%,22%) |
#142243 |
rgb(20,34,67) |
hsl(222,54%,17%) |
#0e182f |
rgb(14,24,47) |
hsl(222,54%,12%) |
#080e1b |
rgb(8,14,27) |
hsl(222,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A3A6 |
rgb(49,163,166) |
hsl(182,54%,42%) |
#3154A6 |
rgb(49,84,166) |
hsl(222,54%,42%) |
#5C30A6 |
rgb(92,48,166) |
hsl(262,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5075CB |
rgb(80,117,203) |
hsl(222,54%,55%) |
#3861C0 |
rgb(56,97,192) |
hsl(222,55%,49%) |
#3154A6 |
rgb(49,84,166) |
hsl(222,54%,42%) |
#29478B |
rgb(41,71,139) |
hsl(222,54%,35%) |
#213870 |
rgb(33,56,112) |
hsl(223,54%,28%) |
#192B56 |
rgb(25,43,86) |
hsl(222,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3154A6 |
rgb(49,84,166) |
hsl(222,54%,42%) |
#A64731 |
rgb(166,71,49) |
hsl(11,54%,42%) |
#8EA631 |
rgb(142,166,49) |
hsl(72,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3154A6 |
rgb(49,84,166) |
hsl(222,54%,42%) |
#A68231 |
rgb(166,130,49) |
hsl(42,54%,42%) |
#318FA6 |
rgb(49,143,166) |
hsl(192,54%,42%) |
#8EA631 |
rgb(142,166,49) |
hsl(72,54%,42%) |