HEX #3663A3 color — Azure
The color #3663A3 is a dark shade and moderately saturated.
Palette
3663A3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fc |
rgb(247,249,252) |
hsl(215,50%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(215,50%,93%) |
#d1def0 |
rgb(209,222,240) |
hsl(215,50%,88%) |
#bed0e9 |
rgb(190,208,233) |
hsl(215,50%,83%) |
#abc2e3 |
rgb(171,194,227) |
hsl(215,50%,78%) |
#98b4dd |
rgb(152,180,221) |
hsl(215,50%,73%) |
#85a7d6 |
rgb(133,167,214) |
hsl(215,50%,68%) |
#7199d0 |
rgb(113,153,208) |
hsl(215,50%,63%) |
#5e8bc9 |
rgb(94,139,201) |
hsl(215,50%,58%) |
#4b7dc3 |
rgb(75,125,195) |
hsl(215,50%,53%) |
#3d70b8 |
rgb(61,112,184) |
hsl(215,50%,48%) |
#3765a4 |
rgb(55,101,164) |
hsl(215,50%,43%) |
#305991 |
rgb(48,89,145) |
hsl(215,50%,38%) |
#2a4d7e |
rgb(42,77,126) |
hsl(215,50%,33%) |
#24416b |
rgb(36,65,107) |
hsl(215,50%,28%) |
#1d3658 |
rgb(29,54,88) |
hsl(215,50%,23%) |
#172a45 |
rgb(23,42,69) |
hsl(215,50%,18%) |
#111e32 |
rgb(17,30,50) |
hsl(215,50%,13%) |
#0a131f |
rgb(10,19,31) |
hsl(215,50%,8%) |
#04070b |
rgb(4,7,11) |
hsl(215,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A39A |
rgb(54,163,154) |
hsl(175,50%,43%) |
#3663A3 |
rgb(54,99,163) |
hsl(215,50%,43%) |
#5136A3 |
rgb(81,54,163) |
hsl(255,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5785C7 |
rgb(87,133,199) |
hsl(215,50%,56%) |
#3E73BD |
rgb(62,115,189) |
hsl(215,51%,49%) |
#3663A3 |
rgb(54,99,163) |
hsl(215,50%,43%) |
#2D5488 |
rgb(45,84,136) |
hsl(214,50%,35%) |
#24426E |
rgb(36,66,110) |
hsl(216,51%,29%) |
#1C3354 |
rgb(28,51,84) |
hsl(215,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3663A3 |
rgb(54,99,163) |
hsl(215,50%,43%) |
#A34036 |
rgb(163,64,54) |
hsl(6,50%,43%) |
#99A336 |
rgb(153,163,54) |
hsl(66,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3663A3 |
rgb(54,99,163) |
hsl(215,50%,43%) |
#A37536 |
rgb(163,117,54) |
hsl(35,50%,43%) |
#3699A3 |
rgb(54,153,163) |
hsl(186,50%,43%) |
#99A336 |
rgb(153,163,54) |
hsl(66,50%,43%) |