HEX #366BB9 color — Azure
The color #366BB9 is a dark shade and moderately saturated.
Palette
366BB9 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(216,55%,97%) |
#dfe8f6 |
rgb(223,232,246) |
hsl(216,55%,92%) |
#ccdaf0 |
rgb(204,218,240) |
hsl(216,55%,87%) |
#b8ccea |
rgb(184,204,234) |
hsl(216,55%,82%) |
#a4bee5 |
rgb(164,190,229) |
hsl(216,55%,77%) |
#90b0df |
rgb(144,176,223) |
hsl(216,55%,72%) |
#7da2d9 |
rgb(125,162,217) |
hsl(216,55%,67%) |
#6993d3 |
rgb(105,147,211) |
hsl(216,55%,62%) |
#5585ce |
rgb(85,133,206) |
hsl(216,55%,57%) |
#4177c8 |
rgb(65,119,200) |
hsl(216,55%,52%) |
#366bba |
rgb(54,107,186) |
hsl(216,55%,47%) |
#305fa6 |
rgb(48,95,166) |
hsl(216,55%,42%) |
#2a5492 |
rgb(42,84,146) |
hsl(216,55%,37%) |
#25497e |
rgb(37,73,126) |
hsl(216,55%,32%) |
#1f3d6b |
rgb(31,61,107) |
hsl(216,55%,27%) |
#193257 |
rgb(25,50,87) |
hsl(216,55%,22%) |
#142743 |
rgb(20,39,67) |
hsl(216,55%,17%) |
#0e1b2f |
rgb(14,27,47) |
hsl(216,55%,12%) |
#08101c |
rgb(8,16,28) |
hsl(216,55%,7%) |
#020508 |
rgb(2,5,8) |
hsl(216,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BAAF |
rgb(54,186,175) |
hsl(175,55%,47%) |
#366BB9 |
rgb(54,107,185) |
hsl(216,55%,47%) |
#5836B9 |
rgb(88,54,185) |
hsl(256,55%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6894D3 |
rgb(104,148,211) |
hsl(215,55%,62%) |
#4A80CA |
rgb(74,128,202) |
hsl(215,55%,54%) |
#366BB9 |
rgb(54,107,185) |
hsl(216,55%,47%) |
#2D599B |
rgb(45,89,155) |
hsl(216,55%,39%) |
#244A7D |
rgb(36,74,125) |
hsl(214,55%,32%) |
#1C3860 |
rgb(28,56,96) |
hsl(215,55%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BB9 |
rgb(54,107,185) |
hsl(216,55%,47%) |
#B94236 |
rgb(185,66,54) |
hsl(5,55%,47%) |
#ACBA36 |
rgb(172,186,54) |
hsl(66,55%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BB9 |
rgb(54,107,185) |
hsl(216,55%,47%) |
#B98536 |
rgb(185,133,54) |
hsl(36,55%,47%) |
#36ADB9 |
rgb(54,173,185) |
hsl(185,55%,47%) |
#ACBA36 |
rgb(172,186,54) |
hsl(66,55%,47%) |