HEX #3C68B9 color — Indigo
The color #3c68b9 is a dark shade and moderately saturated.
Palette
3c68b9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(219,51%,98%) |
#e4eaf6 |
rgb(228,234,246) |
hsl(219,51%,93%) |
#d1dcf0 |
rgb(209,220,240) |
hsl(219,51%,88%) |
#becdea |
rgb(190,205,234) |
hsl(219,51%,83%) |
#aabee4 |
rgb(170,190,228) |
hsl(219,51%,78%) |
#97b0dd |
rgb(151,176,221) |
hsl(219,51%,73%) |
#84a1d7 |
rgb(132,161,215) |
hsl(219,51%,68%) |
#7192d1 |
rgb(113,146,209) |
hsl(219,51%,63%) |
#5d84cb |
rgb(93,132,203) |
hsl(219,51%,58%) |
#4a75c4 |
rgb(74,117,196) |
hsl(219,51%,53%) |
#3c68b9 |
rgb(60,104,185) |
hsl(219,51%,48%) |
#365da6 |
rgb(54,93,166) |
hsl(219,51%,43%) |
#2f5292 |
rgb(47,82,146) |
hsl(219,51%,38%) |
#29477f |
rgb(41,71,127) |
hsl(219,51%,33%) |
#233c6c |
rgb(35,60,108) |
hsl(219,51%,28%) |
#1d3259 |
rgb(29,50,89) |
hsl(219,51%,23%) |
#162745 |
rgb(22,39,69) |
hsl(219,51%,18%) |
#101c32 |
rgb(16,28,50) |
hsl(219,51%,13%) |
#0a111f |
rgb(10,17,31) |
hsl(219,51%,8%) |
#04060c |
rgb(4,6,12) |
hsl(219,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CBAB6 |
rgb(60,186,182) |
hsl(178,51%,48%) |
#3C68B9 |
rgb(60,104,185) |
hsl(219,51%,48%) |
#633DB9 |
rgb(99,61,185) |
hsl(258,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7294D1 |
rgb(114,148,209) |
hsl(219,51%,63%) |
#547DC7 |
rgb(84,125,199) |
hsl(219,51%,55%) |
#3C68B9 |
rgb(60,104,185) |
hsl(219,51%,48%) |
#32579B |
rgb(50,87,155) |
hsl(219,51%,40%) |
#28477D |
rgb(40,71,125) |
hsl(218,52%,32%) |
#1F3660 |
rgb(31,54,96) |
hsl(219,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C68B9 |
rgb(60,104,185) |
hsl(219,51%,48%) |
#B94F3C |
rgb(185,79,60) |
hsl(9,51%,48%) |
#A6BA3C |
rgb(166,186,60) |
hsl(70,51%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C68B9 |
rgb(60,104,185) |
hsl(219,51%,48%) |
#B98C3C |
rgb(185,140,60) |
hsl(38,51%,48%) |
#3CA6B9 |
rgb(60,166,185) |
hsl(189,51%,48%) |
#A6BA3C |
rgb(166,186,60) |
hsl(70,51%,48%) |