HEX #3C6BCC color — Indigo
The color #3C6BCC is a dark shade and moderately saturated.
Palette
3C6BCC 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%) |
#3C6BCC |
rgb(60,107,204) |
hsl(220,59%,52%) |
#6D3DCC |
rgb(109,61,204) |
hsl(260,58%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E9EDD |
rgb(126,158,221) |
hsl(220,58%,68%) |
#5D85D4 |
rgb(93,133,212) |
hsl(220,58%,60%) |
#3C6BCC |
rgb(60,107,204) |
hsl(220,59%,52%) |
#2D59AF |
rgb(45,89,175) |
hsl(220,59%,43%) |
#25478E |
rgb(37,71,142) |
hsl(221,59%,35%) |
#1C366C |
rgb(28,54,108) |
hsl(221,59%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6BCC |
rgb(60,107,204) |
hsl(220,59%,52%) |
#CC543C |
rgb(204,84,60) |
hsl(10,59%,52%) |
#B3CC3C |
rgb(179,204,60) |
hsl(70,59%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6BCC |
rgb(60,107,204) |
hsl(220,59%,52%) |
#CC9E3C |
rgb(204,158,60) |
hsl(41,59%,52%) |
#3CB3CC |
rgb(60,179,204) |
hsl(190,59%,52%) |
#B3CC3C |
rgb(179,204,60) |
hsl(70,59%,52%) |