HEX #3C7ACB color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3C7ACB color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(214,58%,97%)
#dfe9f6 rgb(223,233,246) hsl(214,58%,92%)
#cbdbf1 rgb(203,219,241) hsl(214,58%,87%)
#b6ceec rgb(182,206,236) hsl(214,58%,82%)
#a2c0e6 rgb(162,192,230) hsl(214,58%,77%)
#8eb2e1 rgb(142,178,225) hsl(214,58%,72%)
#7aa4dc rgb(122,164,220) hsl(214,58%,67%)
#6697d6 rgb(102,151,214) hsl(214,58%,62%)
#5289d1 rgb(82,137,209) hsl(214,58%,57%)
#3e7bcc rgb(62,123,204) hsl(214,58%,52%)
#326fbd rgb(50,111,189) hsl(214,58%,47%)
#2d63a9 rgb(45,99,169) hsl(214,58%,42%)
#285795 rgb(40,87,149) hsl(214,58%,37%)
#224b81 rgb(34,75,129) hsl(214,58%,32%)
#1d406d rgb(29,64,109) hsl(214,58%,27%)
#183459 rgb(24,52,89) hsl(214,58%,22%)
#122844 rgb(18,40,68) hsl(214,58%,17%)
#0d1c30 rgb(13,28,48) hsl(214,58%,12%)
#07101c rgb(7,16,28) hsl(214,58%,7%)
#020508 rgb(2,5,8) hsl(214,58%,2%)

Adjacent colors

HEX RGB HSL
#3CCCBC rgb(60,204,188) hsl(173,59%,52%)
#3C7ACB rgb(60,122,203) hsl(214,58%,52%)
#5D3DCB rgb(93,61,203) hsl(254,58%,52%)

Monochromatic colors

HEX RGB HSL
#7EA8DC rgb(126,168,220) hsl(213,57%,68%)
#5D91D3 rgb(93,145,211) hsl(214,57%,60%)
#3C7ACB rgb(60,122,203) hsl(214,58%,52%)
#2E66AE rgb(46,102,174) hsl(214,58%,43%)
#25528D rgb(37,82,141) hsl(214,58%,35%)
#1C406B rgb(28,64,107) hsl(213,59%,26%)

Triad color palettes

HEX RGB HSL
#3C7ACB rgb(60,122,203) hsl(214,58%,52%)
#CB453C rgb(203,69,60) hsl(4,58%,52%)
#C1CC3C rgb(193,204,60) hsl(65,59%,52%)

Tetrad color palettes

HEX RGB HSL
#3C7ACB rgb(60,122,203) hsl(214,58%,52%)
#CB8C3C rgb(203,140,60) hsl(34,58%,52%)
#3CC2CB rgb(60,194,203) hsl(184,58%,52%)
#C1CC3C rgb(193,204,60) hsl(65,59%,52%)