HEX #3D6BCC color — Indigo

The color #3D6BCC is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3D6BCC color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(221,58%,97%)
#dfe6f6 rgb(223,230,246) hsl(221,58%,92%)
#cbd7f1 rgb(203,215,241) hsl(221,58%,87%)
#b6c7ec rgb(182,199,236) hsl(221,58%,82%)
#a2b8e6 rgb(162,184,230) hsl(221,58%,77%)
#8ea8e1 rgb(142,168,225) hsl(221,58%,72%)
#7a99dc rgb(122,153,220) hsl(221,58%,67%)
#6689d6 rgb(102,137,214) hsl(221,58%,62%)
#527ad1 rgb(82,122,209) hsl(221,58%,57%)
#3e6bcc rgb(62,107,204) hsl(221,58%,52%)
#325ebd rgb(50,94,189) hsl(221,58%,47%)
#2d54a9 rgb(45,84,169) hsl(221,58%,42%)
#284a95 rgb(40,74,149) hsl(221,58%,37%)
#224081 rgb(34,64,129) hsl(221,58%,32%)
#1d366d rgb(29,54,109) hsl(221,58%,27%)
#182c59 rgb(24,44,89) hsl(221,58%,22%)
#122244 rgb(18,34,68) hsl(221,58%,17%)
#0d1830 rgb(13,24,48) hsl(221,58%,12%)
#070e1c rgb(7,14,28) hsl(221,58%,7%)
#020408 rgb(2,4,8) hsl(221,58%,2%)

Adjacent colors

HEX RGB HSL
#3DC9CC rgb(61,201,204) hsl(181,58%,52%)
#3D6BCC rgb(61,107,204) hsl(221,58%,52%)
#6E3DCC rgb(110,61,204) hsl(261,58%,52%)

Monochromatic colors

HEX RGB HSL
#809EDD rgb(128,158,221) hsl(221,58%,68%)
#5E85D4 rgb(94,133,212) hsl(220,58%,60%)
#3D6BCC rgb(61,107,204) hsl(221,58%,52%)
#2E59B0 rgb(46,89,176) hsl(220,59%,44%)
#25478E rgb(37,71,142) hsl(221,59%,35%)
#1C366D rgb(28,54,109) hsl(221,59%,27%)

Triad color palettes

HEX RGB HSL
#3D6BCC rgb(61,107,204) hsl(221,58%,52%)
#CC573D rgb(204,87,61) hsl(11,58%,52%)
#B2CC3D rgb(178,204,61) hsl(71,58%,52%)

Tetrad color palettes

HEX RGB HSL
#3D6BCC rgb(61,107,204) hsl(221,58%,52%)
#CC9E3D rgb(204,158,61) hsl(41,58%,52%)
#3DB3CC rgb(61,179,204) hsl(190,58%,52%)
#B2CC3D rgb(178,204,61) hsl(71,58%,52%)