HEX #3C7BCD color — Indigo
The color #3c7bcd is a dark shade and moderately saturated.
Palette
3c7bcd color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(214,59%,97%) |
#dfe9f7 |
rgb(223,233,247) |
hsl(214,59%,92%) |
#cadbf1 |
rgb(202,219,241) |
hsl(214,59%,87%) |
#b6cdec |
rgb(182,205,236) |
hsl(214,59%,82%) |
#a2c0e7 |
rgb(162,192,231) |
hsl(214,59%,77%) |
#8db2e2 |
rgb(141,178,226) |
hsl(214,59%,72%) |
#79a4dc |
rgb(121,164,220) |
hsl(214,59%,67%) |
#6596d7 |
rgb(101,150,215) |
hsl(214,59%,62%) |
#5189d2 |
rgb(81,137,210) |
hsl(214,59%,57%) |
#3c7bcd |
rgb(60,123,205) |
hsl(214,59%,52%) |
#316ebf |
rgb(49,110,191) |
hsl(214,59%,47%) |
#2c63aa |
rgb(44,99,170) |
hsl(214,59%,42%) |
#275796 |
rgb(39,87,150) |
hsl(214,59%,37%) |
#214b82 |
rgb(33,75,130) |
hsl(214,59%,32%) |
#1c3f6d |
rgb(28,63,109) |
hsl(214,59%,27%) |
#173459 |
rgb(23,52,89) |
hsl(214,59%,22%) |
#122845 |
rgb(18,40,69) |
hsl(214,59%,17%) |
#0d1c31 |
rgb(13,28,49) |
hsl(214,59%,12%) |
#07101c |
rgb(7,16,28) |
hsl(214,59%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CCCBE |
rgb(60,204,190) |
hsl(174,59%,52%) |
#3C7BCD |
rgb(60,123,205) |
hsl(214,59%,52%) |
#5D3DCD |
rgb(93,61,205) |
hsl(253,59%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FA8DE |
rgb(127,168,222) |
hsl(214,59%,68%) |
#5D91D5 |
rgb(93,145,213) |
hsl(214,59%,60%) |
#3C7BCD |
rgb(60,123,205) |
hsl(214,59%,52%) |
#2D66B1 |
rgb(45,102,177) |
hsl(214,59%,44%) |
#24548F |
rgb(36,84,143) |
hsl(213,60%,35%) |
#1C406D |
rgb(28,64,109) |
hsl(213,59%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C7BCD |
rgb(60,123,205) |
hsl(214,59%,52%) |
#CD453C |
rgb(205,69,60) |
hsl(4,59%,52%) |
#C3CC3C |
rgb(195,204,60) |
hsl(64,59%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C7BCD |
rgb(60,123,205) |
hsl(214,59%,52%) |
#CD8F3C |
rgb(205,143,60) |
hsl(34,59%,52%) |
#3CC4CD |
rgb(60,196,205) |
hsl(184,59%,52%) |
#C3CC3C |
rgb(195,204,60) |
hsl(64,59%,52%) |