HEX #3554A4 color — Azure
The color #3554A4 is a dark shade and moderately saturated.
Palette
3554A4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,51%,98%) |
#e4e9f6 |
rgb(228,233,246) |
hsl(223,51%,93%) |
#d1daf0 |
rgb(209,218,240) |
hsl(223,51%,88%) |
#becaea |
rgb(190,202,234) |
hsl(223,51%,83%) |
#aabbe4 |
rgb(170,187,228) |
hsl(223,51%,78%) |
#97abdd |
rgb(151,171,221) |
hsl(223,51%,73%) |
#849bd7 |
rgb(132,155,215) |
hsl(223,51%,68%) |
#718cd1 |
rgb(113,140,209) |
hsl(223,51%,63%) |
#5d7ccb |
rgb(93,124,203) |
hsl(223,51%,58%) |
#4a6dc4 |
rgb(74,109,196) |
hsl(223,51%,53%) |
#3c5fb9 |
rgb(60,95,185) |
hsl(223,51%,48%) |
#3655a6 |
rgb(54,85,166) |
hsl(223,51%,43%) |
#2f4b92 |
rgb(47,75,146) |
hsl(223,51%,38%) |
#29427f |
rgb(41,66,127) |
hsl(223,51%,33%) |
#23386c |
rgb(35,56,108) |
hsl(223,51%,28%) |
#1d2e59 |
rgb(29,46,89) |
hsl(223,51%,23%) |
#162445 |
rgb(22,36,69) |
hsl(223,51%,18%) |
#101a32 |
rgb(16,26,50) |
hsl(223,51%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(223,51%,8%) |
#04060c |
rgb(4,6,12) |
hsl(223,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#359EA4 |
rgb(53,158,164) |
hsl(183,51%,43%) |
#3554A4 |
rgb(53,84,164) |
hsl(223,51%,43%) |
#6036A4 |
rgb(96,54,164) |
hsl(263,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5675C8 |
rgb(86,117,200) |
hsl(224,51%,56%) |
#3D61BE |
rgb(61,97,190) |
hsl(223,51%,49%) |
#3554A4 |
rgb(53,84,164) |
hsl(223,51%,43%) |
#2C4789 |
rgb(44,71,137) |
hsl(223,51%,35%) |
#24386F |
rgb(36,56,111) |
hsl(224,51%,29%) |
#1B2B55 |
rgb(27,43,85) |
hsl(223,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3554A4 |
rgb(53,84,164) |
hsl(223,51%,43%) |
#A44D35 |
rgb(164,77,53) |
hsl(13,51%,43%) |
#8BA335 |
rgb(139,163,53) |
hsl(73,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3554A4 |
rgb(53,84,164) |
hsl(223,51%,43%) |
#A48535 |
rgb(164,133,53) |
hsl(43,51%,43%) |
#358CA4 |
rgb(53,140,164) |
hsl(193,51%,43%) |
#8BA335 |
rgb(139,163,53) |
hsl(73,51%,42%) |