HEX #3654A4 color — Azure
The color #3654A4 is a dark shade and moderately saturated.
Palette
3654A4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fc |
rgb(247,249,252) |
hsl(224,50%,98%) |
#e4e9f6 |
rgb(228,233,246) |
hsl(224,50%,93%) |
#d1d9f0 |
rgb(209,217,240) |
hsl(224,50%,88%) |
#becae9 |
rgb(190,202,233) |
hsl(224,50%,83%) |
#abbae3 |
rgb(171,186,227) |
hsl(224,50%,78%) |
#98aadd |
rgb(152,170,221) |
hsl(224,50%,73%) |
#859ad6 |
rgb(133,154,214) |
hsl(224,50%,68%) |
#718bd0 |
rgb(113,139,208) |
hsl(224,50%,63%) |
#5e7bc9 |
rgb(94,123,201) |
hsl(224,50%,58%) |
#4b6bc3 |
rgb(75,107,195) |
hsl(224,50%,53%) |
#3d5eb8 |
rgb(61,94,184) |
hsl(224,50%,48%) |
#3754a4 |
rgb(55,84,164) |
hsl(224,50%,43%) |
#304a91 |
rgb(48,74,145) |
hsl(224,50%,38%) |
#2a417e |
rgb(42,65,126) |
hsl(224,50%,33%) |
#24376b |
rgb(36,55,107) |
hsl(224,50%,28%) |
#1d2d58 |
rgb(29,45,88) |
hsl(224,50%,23%) |
#172345 |
rgb(23,35,69) |
hsl(224,50%,18%) |
#111932 |
rgb(17,25,50) |
hsl(224,50%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(224,50%,8%) |
#04060b |
rgb(4,6,11) |
hsl(224,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#369EA4 |
rgb(54,158,164) |
hsl(183,50%,43%) |
#3654A4 |
rgb(54,84,164) |
hsl(224,50%,43%) |
#6136A4 |
rgb(97,54,164) |
hsl(263,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5775C7 |
rgb(87,117,199) |
hsl(224,50%,56%) |
#3E61BE |
rgb(62,97,190) |
hsl(224,51%,49%) |
#3654A4 |
rgb(54,84,164) |
hsl(224,50%,43%) |
#2D4789 |
rgb(45,71,137) |
hsl(223,51%,36%) |
#24386F |
rgb(36,56,111) |
hsl(224,51%,29%) |
#1C2B55 |
rgb(28,43,85) |
hsl(224,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3654A4 |
rgb(54,84,164) |
hsl(224,50%,43%) |
#A44F36 |
rgb(164,79,54) |
hsl(14,50%,43%) |
#8BA336 |
rgb(139,163,54) |
hsl(73,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3654A4 |
rgb(54,84,164) |
hsl(224,50%,43%) |
#A48736 |
rgb(164,135,54) |
hsl(44,50%,43%) |
#368CA4 |
rgb(54,140,164) |
hsl(193,50%,43%) |
#8BA336 |
rgb(139,163,54) |
hsl(73,50%,43%) |