HEX #366BBD color — Indigo
The color #366BBD is a dark shade and moderately saturated.
Palette
366BBD color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,56%,98%) |
#e3ebf7 |
rgb(227,235,247) |
hsl(216,56%,93%) |
#cfddf2 |
rgb(207,221,242) |
hsl(216,56%,88%) |
#bbcfec |
rgb(187,207,236) |
hsl(216,56%,83%) |
#a7c1e6 |
rgb(167,193,230) |
hsl(216,56%,78%) |
#94b2e1 |
rgb(148,178,225) |
hsl(216,56%,73%) |
#80a4db |
rgb(128,164,219) |
hsl(216,56%,68%) |
#6c96d5 |
rgb(108,150,213) |
hsl(216,56%,63%) |
#5888d0 |
rgb(88,136,208) |
hsl(216,56%,58%) |
#447aca |
rgb(68,122,202) |
hsl(216,56%,53%) |
#366dbf |
rgb(54,109,191) |
hsl(216,56%,48%) |
#3061ab |
rgb(48,97,171) |
hsl(216,56%,43%) |
#2b5697 |
rgb(43,86,151) |
hsl(216,56%,38%) |
#254b83 |
rgb(37,75,131) |
hsl(216,56%,33%) |
#1f3f6f |
rgb(31,63,111) |
hsl(216,56%,28%) |
#1a345b |
rgb(26,52,91) |
hsl(216,56%,23%) |
#142948 |
rgb(20,41,72) |
hsl(216,56%,18%) |
#0f1d34 |
rgb(15,29,52) |
hsl(216,56%,13%) |
#091220 |
rgb(9,18,32) |
hsl(216,56%,8%) |
#03070c |
rgb(3,7,12) |
hsl(216,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BDB5 |
rgb(54,189,181) |
hsl(176,56%,48%) |
#366BBD |
rgb(54,107,189) |
hsl(216,56%,48%) |
#5B36BD |
rgb(91,54,189) |
hsl(256,56%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B94D4 |
rgb(107,148,212) |
hsl(217,55%,63%) |
#4D80CC |
rgb(77,128,204) |
hsl(216,55%,55%) |
#366BBD |
rgb(54,107,189) |
hsl(216,56%,48%) |
#2D599E |
rgb(45,89,158) |
hsl(217,56%,40%) |
#244A80 |
rgb(36,74,128) |
hsl(215,56%,32%) |
#1C3862 |
rgb(28,56,98) |
hsl(216,56%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BBD |
rgb(54,107,189) |
hsl(216,56%,48%) |
#BD4536 |
rgb(189,69,54) |
hsl(7,56%,48%) |
#AEBD36 |
rgb(174,189,54) |
hsl(67,56%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BBD |
rgb(54,107,189) |
hsl(216,56%,48%) |
#BD8736 |
rgb(189,135,54) |
hsl(36,56%,48%) |
#36ADBD |
rgb(54,173,189) |
hsl(187,56%,48%) |
#AEBD36 |
rgb(174,189,54) |
hsl(67,56%,48%) |