HEX #3C6CB9 color — Indigo
The color #3c6cb9 is a dark shade and moderately saturated.
Palette
3c6cb9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(217,51%,98%) |
#e4ebf6 |
rgb(228,235,246) |
hsl(217,51%,93%) |
#d1ddf0 |
rgb(209,221,240) |
hsl(217,51%,88%) |
#beceea |
rgb(190,206,234) |
hsl(217,51%,83%) |
#aac0e4 |
rgb(170,192,228) |
hsl(217,51%,78%) |
#97b2dd |
rgb(151,178,221) |
hsl(217,51%,73%) |
#84a4d7 |
rgb(132,164,215) |
hsl(217,51%,68%) |
#7195d1 |
rgb(113,149,209) |
hsl(217,51%,63%) |
#5d87cb |
rgb(93,135,203) |
hsl(217,51%,58%) |
#4a79c4 |
rgb(74,121,196) |
hsl(217,51%,53%) |
#3c6cb9 |
rgb(60,108,185) |
hsl(217,51%,48%) |
#3661a6 |
rgb(54,97,166) |
hsl(217,51%,43%) |
#2f5592 |
rgb(47,85,146) |
hsl(217,51%,38%) |
#294a7f |
rgb(41,74,127) |
hsl(217,51%,33%) |
#233f6c |
rgb(35,63,108) |
hsl(217,51%,28%) |
#1d3459 |
rgb(29,52,89) |
hsl(217,51%,23%) |
#162845 |
rgb(22,40,69) |
hsl(217,51%,18%) |
#101d32 |
rgb(16,29,50) |
hsl(217,51%,13%) |
#0a121f |
rgb(10,18,31) |
hsl(217,51%,8%) |
#04070c |
rgb(4,7,12) |
hsl(217,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CBAB2 |
rgb(60,186,178) |
hsl(176,51%,48%) |
#3C6CB9 |
rgb(60,108,185) |
hsl(217,51%,48%) |
#5F3DB9 |
rgb(95,61,185) |
hsl(256,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7296D1 |
rgb(114,150,209) |
hsl(217,51%,63%) |
#5480C7 |
rgb(84,128,199) |
hsl(217,51%,55%) |
#3C6CB9 |
rgb(60,108,185) |
hsl(217,51%,48%) |
#325C9B |
rgb(50,92,155) |
hsl(216,51%,40%) |
#284A7D |
rgb(40,74,125) |
hsl(216,52%,32%) |
#1F3860 |
rgb(31,56,96) |
hsl(217,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6CB9 |
rgb(60,108,185) |
hsl(217,51%,48%) |
#B94A3C |
rgb(185,74,60) |
hsl(7,51%,48%) |
#AABA3C |
rgb(170,186,60) |
hsl(68,51%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6CB9 |
rgb(60,108,185) |
hsl(217,51%,48%) |
#B98A3C |
rgb(185,138,60) |
hsl(37,51%,48%) |
#3CABB9 |
rgb(60,171,185) |
hsl(187,51%,48%) |
#AABA3C |
rgb(170,186,60) |
hsl(68,51%,48%) |