HEX #3673C1 color — Indigo

The color #3673C1 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3673C1 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(214,56%,98%)
#e3ecf7 rgb(227,236,247) hsl(214,56%,93%)
#cfdef2 rgb(207,222,242) hsl(214,56%,88%)
#bbd0ec rgb(187,208,236) hsl(214,56%,83%)
#a7c3e6 rgb(167,195,230) hsl(214,56%,78%)
#94b5e1 rgb(148,181,225) hsl(214,56%,73%)
#80a7db rgb(128,167,219) hsl(214,56%,68%)
#6c9ad5 rgb(108,154,213) hsl(214,56%,63%)
#588cd0 rgb(88,140,208) hsl(214,56%,58%)
#447eca rgb(68,126,202) hsl(214,56%,53%)
#3671bf rgb(54,113,191) hsl(214,56%,48%)
#3065ab rgb(48,101,171) hsl(214,56%,43%)
#2b5a97 rgb(43,90,151) hsl(214,56%,38%)
#254e83 rgb(37,78,131) hsl(214,56%,33%)
#1f426f rgb(31,66,111) hsl(214,56%,28%)
#1a365b rgb(26,54,91) hsl(214,56%,23%)
#142a48 rgb(20,42,72) hsl(214,56%,18%)
#0f1f34 rgb(15,31,52) hsl(214,56%,13%)
#091320 rgb(9,19,32) hsl(214,56%,8%)
#03070c rgb(3,7,12) hsl(214,56%,3%)

Adjacent colors

HEX RGB HSL
#36C2B2 rgb(54,194,178) hsl(173,56%,49%)
#3673C1 rgb(54,115,193) hsl(214,56%,48%)
#5536C1 rgb(85,54,193) hsl(253,56%,48%)

Monochromatic colors

HEX RGB HSL
#6F9CD6 rgb(111,156,214) hsl(214,56%,64%)
#5087CE rgb(80,135,206) hsl(214,56%,56%)
#3673C1 rgb(54,115,193) hsl(214,56%,48%)
#2D61A2 rgb(45,97,162) hsl(213,57%,41%)
#244F83 rgb(36,79,131) hsl(213,57%,33%)
#1C3B64 rgb(28,59,100) hsl(214,56%,25%)

Triad color palettes

HEX RGB HSL
#3673C1 rgb(54,115,193) hsl(214,56%,48%)
#C14036 rgb(193,64,54) hsl(4,56%,48%)
#B8C236 rgb(184,194,54) hsl(64,56%,49%)

Tetrad color palettes

HEX RGB HSL
#3673C1 rgb(54,115,193) hsl(214,56%,48%)
#C18536 rgb(193,133,54) hsl(34,56%,48%)
#36B8C1 rgb(54,184,193) hsl(184,56%,48%)
#B8C236 rgb(184,194,54) hsl(64,56%,49%)