HEX #366BA2 color — Azure
The color #366BA2 is a dark shade and moderately saturated.
Palette
366BA2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fb |
rgb(244,247,251) |
hsl(211,50%,97%) |
#e0eaf5 |
rgb(224,234,245) |
hsl(211,50%,92%) |
#cdddee |
rgb(205,221,238) |
hsl(211,50%,87%) |
#bad0e8 |
rgb(186,208,232) |
hsl(211,50%,82%) |
#a7c3e2 |
rgb(167,195,226) |
hsl(211,50%,77%) |
#94b6db |
rgb(148,182,219) |
hsl(211,50%,72%) |
#81a9d5 |
rgb(129,169,213) |
hsl(211,50%,67%) |
#6e9ccf |
rgb(110,156,207) |
hsl(211,50%,62%) |
#5b90c8 |
rgb(91,144,200) |
hsl(211,50%,57%) |
#4783c2 |
rgb(71,131,194) |
hsl(211,50%,52%) |
#3c76b4 |
rgb(60,118,180) |
hsl(211,50%,47%) |
#3669a1 |
rgb(54,105,161) |
hsl(211,50%,42%) |
#2f5d8e |
rgb(47,93,142) |
hsl(211,50%,37%) |
#29507a |
rgb(41,80,122) |
hsl(211,50%,32%) |
#224467 |
rgb(34,68,103) |
hsl(211,50%,27%) |
#1c3754 |
rgb(28,55,84) |
hsl(211,50%,22%) |
#162b41 |
rgb(22,43,65) |
hsl(211,50%,17%) |
#0f1e2e |
rgb(15,30,46) |
hsl(211,50%,12%) |
#09121b |
rgb(9,18,27) |
hsl(211,50%,7%) |
#030508 |
rgb(3,5,8) |
hsl(211,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A391 |
rgb(54,163,145) |
hsl(170,50%,43%) |
#366BA2 |
rgb(54,107,162) |
hsl(211,50%,42%) |
#4936A2 |
rgb(73,54,162) |
hsl(251,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#568CC6 |
rgb(86,140,198) |
hsl(211,50%,56%) |
#3E7DBB |
rgb(62,125,187) |
hsl(210,50%,49%) |
#366BA2 |
rgb(54,107,162) |
hsl(211,50%,42%) |
#2D5988 |
rgb(45,89,136) |
hsl(211,50%,35%) |
#244A6E |
rgb(36,74,110) |
hsl(209,51%,29%) |
#1C3854 |
rgb(28,56,84) |
hsl(210,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BA2 |
rgb(54,107,162) |
hsl(211,50%,42%) |
#A23836 |
rgb(162,56,54) |
hsl(1,50%,42%) |
#A1A336 |
rgb(161,163,54) |
hsl(61,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BA2 |
rgb(54,107,162) |
hsl(211,50%,42%) |
#A26E36 |
rgb(162,110,54) |
hsl(31,50%,42%) |
#36A1A2 |
rgb(54,161,162) |
hsl(181,50%,42%) |
#A1A336 |
rgb(161,163,54) |
hsl(61,50%,43%) |