HEX #3554A2 color — Azure
The color #3554A2 is a dark shade and moderately saturated.
Palette
3554A2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(223,51%,97%) |
#e0e6f5 |
rgb(224,230,245) |
hsl(223,51%,92%) |
#cdd7ef |
rgb(205,215,239) |
hsl(223,51%,87%) |
#bac7e9 |
rgb(186,199,233) |
hsl(223,51%,82%) |
#a6b7e2 |
rgb(166,183,226) |
hsl(223,51%,77%) |
#93a8dc |
rgb(147,168,220) |
hsl(223,51%,72%) |
#8098d6 |
rgb(128,152,214) |
hsl(223,51%,67%) |
#6d89d0 |
rgb(109,137,208) |
hsl(223,51%,62%) |
#5979c9 |
rgb(89,121,201) |
hsl(223,51%,57%) |
#466ac3 |
rgb(70,106,195) |
hsl(223,51%,52%) |
#3b5db5 |
rgb(59,93,181) |
hsl(223,51%,47%) |
#3453a2 |
rgb(52,83,162) |
hsl(223,51%,42%) |
#2e498e |
rgb(46,73,142) |
hsl(223,51%,37%) |
#28407b |
rgb(40,64,123) |
hsl(223,51%,32%) |
#223668 |
rgb(34,54,104) |
hsl(223,51%,27%) |
#1b2c55 |
rgb(27,44,85) |
hsl(223,51%,22%) |
#152241 |
rgb(21,34,65) |
hsl(223,51%,17%) |
#0f182e |
rgb(15,24,46) |
hsl(223,51%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(223,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(223,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#359CA2 |
rgb(53,156,162) |
hsl(183,51%,42%) |
#3554A2 |
rgb(53,84,162) |
hsl(223,51%,42%) |
#5E36A2 |
rgb(94,54,162) |
hsl(262,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5475C7 |
rgb(84,117,199) |
hsl(223,51%,55%) |
#3D61BB |
rgb(61,97,187) |
hsl(223,51%,49%) |
#3554A2 |
rgb(53,84,162) |
hsl(223,51%,42%) |
#2C4788 |
rgb(44,71,136) |
hsl(222,51%,35%) |
#24386E |
rgb(36,56,110) |
hsl(224,51%,29%) |
#1B2B54 |
rgb(27,43,84) |
hsl(223,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3554A2 |
rgb(53,84,162) |
hsl(223,51%,42%) |
#A24D35 |
rgb(162,77,53) |
hsl(13,51%,42%) |
#8AA335 |
rgb(138,163,53) |
hsl(74,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3554A2 |
rgb(53,84,162) |
hsl(223,51%,42%) |
#A28235 |
rgb(162,130,53) |
hsl(42,51%,42%) |
#358AA2 |
rgb(53,138,162) |
hsl(193,51%,42%) |
#8AA335 |
rgb(138,163,53) |
hsl(74,51%,42%) |