HEX #3C6DCD color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3c6dcd color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(220,59%,97%)
#dfe7f7 rgb(223,231,247) hsl(220,59%,92%)
#cad7f1 rgb(202,215,241) hsl(220,59%,87%)
#b6c8ec rgb(182,200,236) hsl(220,59%,82%)
#a2b9e7 rgb(162,185,231) hsl(220,59%,77%)
#8daae2 rgb(141,170,226) hsl(220,59%,72%)
#799adc rgb(121,154,220) hsl(220,59%,67%)
#658bd7 rgb(101,139,215) hsl(220,59%,62%)
#517cd2 rgb(81,124,210) hsl(220,59%,57%)
#3c6dcd rgb(60,109,205) hsl(220,59%,52%)
#3160bf rgb(49,96,191) hsl(220,59%,47%)
#2c56aa rgb(44,86,170) hsl(220,59%,42%)
#274c96 rgb(39,76,150) hsl(220,59%,37%)
#214282 rgb(33,66,130) hsl(220,59%,32%)
#1c376d rgb(28,55,109) hsl(220,59%,27%)
#172d59 rgb(23,45,89) hsl(220,59%,22%)
#122345 rgb(18,35,69) hsl(220,59%,17%)
#0d1931 rgb(13,25,49) hsl(220,59%,12%)
#070e1c rgb(7,14,28) hsl(220,59%,7%)
#020408 rgb(2,4,8) hsl(220,59%,2%)

Adjacent colors

HEX RGB HSL
#3CCCCC rgb(60,204,204) hsl(180,59%,52%)
#3C6DCD rgb(60,109,205) hsl(220,59%,52%)
#6B3DCD rgb(107,61,205) hsl(259,59%,52%)

Monochromatic colors

HEX RGB HSL
#7FA1DE rgb(127,161,222) hsl(219,59%,68%)
#5D87D5 rgb(93,135,213) hsl(219,59%,60%)
#3C6DCD rgb(60,109,205) hsl(220,59%,52%)
#2D59B1 rgb(45,89,177) hsl(220,59%,44%)
#244A8F rgb(36,74,143) hsl(219,60%,35%)
#1C386D rgb(28,56,109) hsl(219,59%,27%)

Triad color palettes

HEX RGB HSL
#3C6DCD rgb(60,109,205) hsl(220,59%,52%)
#CD543C rgb(205,84,60) hsl(10,59%,52%)
#B5CC3C rgb(181,204,60) hsl(70,59%,52%)

Tetrad color palettes

HEX RGB HSL
#3C6DCD rgb(60,109,205) hsl(220,59%,52%)
#CD9C3C rgb(205,156,60) hsl(40,59%,52%)
#3CB5CD rgb(60,181,205) hsl(190,59%,52%)
#B5CC3C rgb(181,204,60) hsl(70,59%,52%)