HEX #3C6EB9 color — Indigo
The color #3C6EB9 is a dark shade and moderately saturated.
Palette
3C6EB9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,51%,98%) |
#e4ebf6 |
rgb(228,235,246) |
hsl(216,51%,93%) |
#d1ddf0 |
rgb(209,221,240) |
hsl(216,51%,88%) |
#becfea |
rgb(190,207,234) |
hsl(216,51%,83%) |
#aac1e4 |
rgb(170,193,228) |
hsl(216,51%,78%) |
#97b3dd |
rgb(151,179,221) |
hsl(216,51%,73%) |
#84a5d7 |
rgb(132,165,215) |
hsl(216,51%,68%) |
#7197d1 |
rgb(113,151,209) |
hsl(216,51%,63%) |
#5d89cb |
rgb(93,137,203) |
hsl(216,51%,58%) |
#4a7bc4 |
rgb(74,123,196) |
hsl(216,51%,53%) |
#3c6eb9 |
rgb(60,110,185) |
hsl(216,51%,48%) |
#3662a6 |
rgb(54,98,166) |
hsl(216,51%,43%) |
#2f5792 |
rgb(47,87,146) |
hsl(216,51%,38%) |
#294c7f |
rgb(41,76,127) |
hsl(216,51%,33%) |
#23406c |
rgb(35,64,108) |
hsl(216,51%,28%) |
#1d3559 |
rgb(29,53,89) |
hsl(216,51%,23%) |
#162945 |
rgb(22,41,69) |
hsl(216,51%,18%) |
#101e32 |
rgb(16,30,50) |
hsl(216,51%,13%) |
#0a121f |
rgb(10,18,31) |
hsl(216,51%,8%) |
#04070c |
rgb(4,7,12) |
hsl(216,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CBAB0 |
rgb(60,186,176) |
hsl(175,51%,48%) |
#3C6EB9 |
rgb(60,110,185) |
hsl(216,51%,48%) |
#5D3DB9 |
rgb(93,61,185) |
hsl(255,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7299D1 |
rgb(114,153,209) |
hsl(215,51%,63%) |
#5482C7 |
rgb(84,130,199) |
hsl(216,51%,55%) |
#3C6EB9 |
rgb(60,110,185) |
hsl(216,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 |
#3C6EB9 |
rgb(60,110,185) |
hsl(216,51%,48%) |
#B9473C |
rgb(185,71,60) |
hsl(5,51%,48%) |
#ACBA3C |
rgb(172,186,60) |
hsl(67,51%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6EB9 |
rgb(60,110,185) |
hsl(216,51%,48%) |
#B9873C |
rgb(185,135,60) |
hsl(36,51%,48%) |
#3CADB9 |
rgb(60,173,185) |
hsl(186,51%,48%) |
#ACBA3C |
rgb(172,186,60) |
hsl(67,51%,48%) |