HEX #3654A3 color — Azure
The color #3654A3 is a dark shade and moderately saturated.
Palette
3654A3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fc |
rgb(247,249,252) |
hsl(223,50%,98%) |
#e4e9f6 |
rgb(228,233,246) |
hsl(223,50%,93%) |
#d1daf0 |
rgb(209,218,240) |
hsl(223,50%,88%) |
#becae9 |
rgb(190,202,233) |
hsl(223,50%,83%) |
#abbbe3 |
rgb(171,187,227) |
hsl(223,50%,78%) |
#98abdd |
rgb(152,171,221) |
hsl(223,50%,73%) |
#859cd6 |
rgb(133,156,214) |
hsl(223,50%,68%) |
#718cd0 |
rgb(113,140,208) |
hsl(223,50%,63%) |
#5e7dc9 |
rgb(94,125,201) |
hsl(223,50%,58%) |
#4b6dc3 |
rgb(75,109,195) |
hsl(223,50%,53%) |
#3d60b8 |
rgb(61,96,184) |
hsl(223,50%,48%) |
#3756a4 |
rgb(55,86,164) |
hsl(223,50%,43%) |
#304c91 |
rgb(48,76,145) |
hsl(223,50%,38%) |
#2a427e |
rgb(42,66,126) |
hsl(223,50%,33%) |
#24386b |
rgb(36,56,107) |
hsl(223,50%,28%) |
#1d2e58 |
rgb(29,46,88) |
hsl(223,50%,23%) |
#172445 |
rgb(23,36,69) |
hsl(223,50%,18%) |
#111a32 |
rgb(17,26,50) |
hsl(223,50%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(223,50%,8%) |
#04060b |
rgb(4,6,11) |
hsl(223,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#369CA3 |
rgb(54,156,163) |
hsl(184,50%,43%) |
#3654A3 |
rgb(54,84,163) |
hsl(223,50%,43%) |
#6036A3 |
rgb(96,54,163) |
hsl(263,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5775C7 |
rgb(87,117,199) |
hsl(224,50%,56%) |
#3E61BD |
rgb(62,97,189) |
hsl(223,51%,49%) |
#3654A3 |
rgb(54,84,163) |
hsl(223,50%,43%) |
#2D4788 |
rgb(45,71,136) |
hsl(223,50%,35%) |
#24386E |
rgb(36,56,110) |
hsl(224,51%,29%) |
#1C2B54 |
rgb(28,43,84) |
hsl(224,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3654A3 |
rgb(54,84,163) |
hsl(223,50%,43%) |
#A34F36 |
rgb(163,79,54) |
hsl(14,50%,43%) |
#8AA336 |
rgb(138,163,54) |
hsl(74,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3654A3 |
rgb(54,84,163) |
hsl(223,50%,43%) |
#A38536 |
rgb(163,133,54) |
hsl(43,50%,43%) |
#368AA3 |
rgb(54,138,163) |
hsl(194,50%,43%) |
#8AA336 |
rgb(138,163,54) |
hsl(74,50%,43%) |