HEX #366BC0 color — Indigo
The color #366BC0 is a dark shade and moderately saturated.
Palette
366BC0 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(217,56%,98%) |
#e3ebf7 |
rgb(227,235,247) |
hsl(217,56%,93%) |
#cfdcf2 |
rgb(207,220,242) |
hsl(217,56%,88%) |
#bbceec |
rgb(187,206,236) |
hsl(217,56%,83%) |
#a7c0e6 |
rgb(167,192,230) |
hsl(217,56%,78%) |
#94b1e1 |
rgb(148,177,225) |
hsl(217,56%,73%) |
#80a3db |
rgb(128,163,219) |
hsl(217,56%,68%) |
#6c94d5 |
rgb(108,148,213) |
hsl(217,56%,63%) |
#5886d0 |
rgb(88,134,208) |
hsl(217,56%,58%) |
#4477ca |
rgb(68,119,202) |
hsl(217,56%,53%) |
#366abf |
rgb(54,106,191) |
hsl(217,56%,48%) |
#305fab |
rgb(48,95,171) |
hsl(217,56%,43%) |
#2b5497 |
rgb(43,84,151) |
hsl(217,56%,38%) |
#254983 |
rgb(37,73,131) |
hsl(217,56%,33%) |
#1f3e6f |
rgb(31,62,111) |
hsl(217,56%,28%) |
#1a335b |
rgb(26,51,91) |
hsl(217,56%,23%) |
#142848 |
rgb(20,40,72) |
hsl(217,56%,18%) |
#0f1d34 |
rgb(15,29,52) |
hsl(217,56%,13%) |
#091220 |
rgb(9,18,32) |
hsl(217,56%,8%) |
#03070c |
rgb(3,7,12) |
hsl(217,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BFB9 |
rgb(54,191,185) |
hsl(177,56%,48%) |
#366BC0 |
rgb(54,107,192) |
hsl(217,56%,48%) |
#5D36C0 |
rgb(93,54,192) |
hsl(257,56%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E96D6 |
rgb(110,150,214) |
hsl(217,56%,64%) |
#4F80CD |
rgb(79,128,205) |
hsl(217,56%,56%) |
#366BC0 |
rgb(54,107,192) |
hsl(217,56%,48%) |
#2D59A1 |
rgb(45,89,161) |
hsl(217,56%,40%) |
#244A82 |
rgb(36,74,130) |
hsl(216,57%,33%) |
#1C3863 |
rgb(28,56,99) |
hsl(216,56%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BC0 |
rgb(54,107,192) |
hsl(217,56%,48%) |
#C04536 |
rgb(192,69,54) |
hsl(7,56%,48%) |
#B0BF36 |
rgb(176,191,54) |
hsl(67,56%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BC0 |
rgb(54,107,192) |
hsl(217,56%,48%) |
#C08C36 |
rgb(192,140,54) |
hsl(37,56%,48%) |
#36B0C0 |
rgb(54,176,192) |
hsl(187,56%,48%) |
#B0BF36 |
rgb(176,191,54) |
hsl(67,56%,48%) |