HEX #3C6DCD color — Indigo
The color #3c6dcd is a dark shade and moderately saturated.
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%) |