HEX #366EC2 color — Indigo

The color #366EC2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

366EC2 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(216,56%,99%)
#e7eef8 rgb(231,238,248) hsl(216,56%,94%)
#d3e0f3 rgb(211,224,243) hsl(216,56%,89%)
#bfd2ed rgb(191,210,237) hsl(216,56%,84%)
#abc3e7 rgb(171,195,231) hsl(216,56%,79%)
#98b5e2 rgb(152,181,226) hsl(216,56%,74%)
#84a7dc rgb(132,167,220) hsl(216,56%,69%)
#7099d7 rgb(112,153,215) hsl(216,56%,64%)
#5c8bd1 rgb(92,139,209) hsl(216,56%,59%)
#487dcb rgb(72,125,203) hsl(216,56%,54%)
#376fc3 rgb(55,111,195) hsl(216,56%,49%)
#3164af rgb(49,100,175) hsl(216,56%,44%)
#2c589b rgb(44,88,155) hsl(216,56%,39%)
#264d87 rgb(38,77,135) hsl(216,56%,34%)
#214273 rgb(33,66,115) hsl(216,56%,29%)
#1b365f rgb(27,54,95) hsl(216,56%,24%)
#152b4c rgb(21,43,76) hsl(216,56%,19%)
#102038 rgb(16,32,56) hsl(216,56%,14%)
#0a1424 rgb(10,20,36) hsl(216,56%,9%)
#040910 rgb(4,9,16) hsl(216,56%,4%)

Adjacent colors

HEX RGB HSL
#36C2B8 rgb(54,194,184) hsl(176,56%,49%)
#366EC2 rgb(54,110,194) hsl(216,56%,49%)
#5B36C2 rgb(91,54,194) hsl(256,56%,49%)

Monochromatic colors

HEX RGB HSL
#7099D7 rgb(112,153,215) hsl(216,56%,64%)
#5182CE rgb(81,130,206) hsl(216,56%,56%)
#366EC2 rgb(54,110,194) hsl(216,56%,49%)
#2D5CA2 rgb(45,92,162) hsl(216,57%,41%)
#244A83 rgb(36,74,131) hsl(216,57%,33%)
#1C3864 rgb(28,56,100) hsl(217,56%,25%)

Triad color palettes

HEX RGB HSL
#366EC2 rgb(54,110,194) hsl(216,56%,49%)
#C24536 rgb(194,69,54) hsl(6,56%,49%)
#B4C236 rgb(180,194,54) hsl(66,56%,49%)

Tetrad color palettes

HEX RGB HSL
#366EC2 rgb(54,110,194) hsl(216,56%,49%)
#C28A36 rgb(194,138,54) hsl(36,56%,49%)
#36B5C2 rgb(54,181,194) hsl(186,56%,49%)
#B4C236 rgb(180,194,54) hsl(66,56%,49%)