HEX #366CA6 color — Azure
The color #366ca6 is a dark shade and moderately saturated.
Palette
366ca6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(211,51%,98%) |
#e4edf6 |
rgb(228,237,246) |
hsl(211,51%,93%) |
#d1e0f0 |
rgb(209,224,240) |
hsl(211,51%,88%) |
#bed3ea |
rgb(190,211,234) |
hsl(211,51%,83%) |
#aac6e4 |
rgb(170,198,228) |
hsl(211,51%,78%) |
#97b9dd |
rgb(151,185,221) |
hsl(211,51%,73%) |
#84acd7 |
rgb(132,172,215) |
hsl(211,51%,68%) |
#719fd1 |
rgb(113,159,209) |
hsl(211,51%,63%) |
#5d92cb |
rgb(93,146,203) |
hsl(211,51%,58%) |
#4a85c4 |
rgb(74,133,196) |
hsl(211,51%,53%) |
#3c78b9 |
rgb(60,120,185) |
hsl(211,51%,48%) |
#366ca6 |
rgb(54,108,166) |
hsl(211,51%,43%) |
#2f5f92 |
rgb(47,95,146) |
hsl(211,51%,38%) |
#29537f |
rgb(41,83,127) |
hsl(211,51%,33%) |
#23466c |
rgb(35,70,108) |
hsl(211,51%,28%) |
#1d3a59 |
rgb(29,58,89) |
hsl(211,51%,23%) |
#162d45 |
rgb(22,45,69) |
hsl(211,51%,18%) |
#102132 |
rgb(16,33,50) |
hsl(211,51%,13%) |
#0a141f |
rgb(10,20,31) |
hsl(211,51%,8%) |
#04080c |
rgb(4,8,12) |
hsl(211,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A695 |
rgb(54,166,149) |
hsl(171,51%,43%) |
#366CA6 |
rgb(54,108,166) |
hsl(211,51%,43%) |
#4A36A6 |
rgb(74,54,166) |
hsl(251,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#598FC9 |
rgb(89,143,201) |
hsl(211,51%,57%) |
#3E7DC0 |
rgb(62,125,192) |
hsl(211,51%,50%) |
#366CA6 |
rgb(54,108,166) |
hsl(211,51%,43%) |
#2D5C8B |
rgb(45,92,139) |
hsl(210,51%,36%) |
#244A70 |
rgb(36,74,112) |
hsl(210,51%,29%) |
#1C3856 |
rgb(28,56,86) |
hsl(211,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#366CA6 |
rgb(54,108,166) |
hsl(211,51%,43%) |
#A63836 |
rgb(166,56,54) |
hsl(1,51%,43%) |
#A4A636 |
rgb(164,166,54) |
hsl(61,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366CA6 |
rgb(54,108,166) |
hsl(211,51%,43%) |
#A67036 |
rgb(166,112,54) |
hsl(31,51%,43%) |
#36A3A6 |
rgb(54,163,166) |
hsl(182,51%,43%) |
#A4A636 |
rgb(164,166,54) |
hsl(61,51%,43%) |