HEX #3C5CCC color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3C5CCC color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(227,59%,97%)
#dfe4f7 rgb(223,228,247) hsl(227,59%,92%)
#cad3f1 rgb(202,211,241) hsl(227,59%,87%)
#b6c2ec rgb(182,194,236) hsl(227,59%,82%)
#a2b1e7 rgb(162,177,231) hsl(227,59%,77%)
#8da0e2 rgb(141,160,226) hsl(227,59%,72%)
#798fdc rgb(121,143,220) hsl(227,59%,67%)
#657ed7 rgb(101,126,215) hsl(227,59%,62%)
#516dd2 rgb(81,109,210) hsl(227,59%,57%)
#3c5ccd rgb(60,92,205) hsl(227,59%,52%)
#3150bf rgb(49,80,191) hsl(227,59%,47%)
#2c47aa rgb(44,71,170) hsl(227,59%,42%)
#273f96 rgb(39,63,150) hsl(227,59%,37%)
#213682 rgb(33,54,130) hsl(227,59%,32%)
#1c2e6d rgb(28,46,109) hsl(227,59%,27%)
#172559 rgb(23,37,89) hsl(227,59%,22%)
#121d45 rgb(18,29,69) hsl(227,59%,17%)
#0d1431 rgb(13,20,49) hsl(227,59%,12%)
#070c1c rgb(7,12,28) hsl(227,59%,7%)
#020308 rgb(2,3,8) hsl(227,59%,2%)

Adjacent colors

HEX RGB HSL
#3CBDCC rgb(60,189,204) hsl(186,59%,52%)
#3C5CCC rgb(60,92,204) hsl(227,59%,52%)
#7C3DCC rgb(124,61,204) hsl(266,58%,52%)

Monochromatic colors

HEX RGB HSL
#7E94DD rgb(126,148,221) hsl(226,58%,68%)
#5D78D4 rgb(93,120,212) hsl(226,58%,60%)
#3C5CCC rgb(60,92,204) hsl(227,59%,52%)
#2D4AAF rgb(45,74,175) hsl(227,59%,43%)
#253D8E rgb(37,61,142) hsl(226,59%,35%)
#1C2E6C rgb(28,46,108) hsl(227,59%,27%)

Triad color palettes

HEX RGB HSL
#3C5CCC rgb(60,92,204) hsl(227,59%,52%)
#CC633C rgb(204,99,60) hsl(16,59%,52%)
#A4CC3C rgb(164,204,60) hsl(77,59%,52%)

Tetrad color palettes

HEX RGB HSL
#3C5CCC rgb(60,92,204) hsl(227,59%,52%)
#CCAB3C rgb(204,171,60) hsl(46,59%,52%)
#3CA3CC rgb(60,163,204) hsl(197,59%,52%)
#A4CC3C rgb(164,204,60) hsl(77,59%,52%)