HEX #3F6BCF color — Indigo

The color #3F6BCF is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3F6BCF color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(222,60%,98%)
#e2e9f8 rgb(226,233,248) hsl(222,60%,93%)
#ced9f3 rgb(206,217,243) hsl(222,60%,88%)
#bac9ee rgb(186,201,238) hsl(222,60%,83%)
#a5b9e9 rgb(165,185,233) hsl(222,60%,78%)
#91aae3 rgb(145,170,227) hsl(222,60%,73%)
#7c9ade rgb(124,154,222) hsl(222,60%,68%)
#688ad9 rgb(104,138,217) hsl(222,60%,63%)
#547ad4 rgb(84,122,212) hsl(222,60%,58%)
#3f6acf rgb(63,106,207) hsl(222,60%,53%)
#315dc4 rgb(49,93,196) hsl(222,60%,48%)
#2c53af rgb(44,83,175) hsl(222,60%,43%)
#274a9b rgb(39,74,155) hsl(222,60%,38%)
#224087 rgb(34,64,135) hsl(222,60%,33%)
#1d3672 rgb(29,54,114) hsl(222,60%,28%)
#172d5e rgb(23,45,94) hsl(222,60%,23%)
#122349 rgb(18,35,73) hsl(222,60%,18%)
#0d1935 rgb(13,25,53) hsl(222,60%,13%)
#081021 rgb(8,16,33) hsl(222,60%,8%)
#03060c rgb(3,6,12) hsl(222,60%,3%)

Adjacent colors

HEX RGB HSL
#3FCCCF rgb(63,204,207) hsl(181,60%,53%)
#3F6BCF rgb(63,107,207) hsl(222,60%,53%)
#7340CF rgb(115,64,207) hsl(261,60%,53%)

Monochromatic colors

HEX RGB HSL
#84A1E0 rgb(132,161,224) hsl(221,60%,70%)
#6185D7 rgb(97,133,215) hsl(222,60%,61%)
#3F6BCF rgb(63,107,207) hsl(222,60%,53%)
#2D57B5 rgb(45,87,181) hsl(221,60%,44%)
#244792 rgb(36,71,146) hsl(221,60%,36%)
#1C3670 rgb(28,54,112) hsl(221,60%,27%)

Triad color palettes

HEX RGB HSL
#3F6BCF rgb(63,107,207) hsl(222,60%,53%)
#CF5C3F rgb(207,92,63) hsl(12,60%,53%)
#B3CF3F rgb(179,207,63) hsl(72,60%,53%)

Tetrad color palettes

HEX RGB HSL
#3F6BCF rgb(63,107,207) hsl(222,60%,53%)
#CFA33F rgb(207,163,63) hsl(42,60%,53%)
#3FB3CF rgb(63,179,207) hsl(192,60%,53%)
#B3CF3F rgb(179,207,63) hsl(72,60%,53%)