HEX #3F6BCC color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3F6BCC color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(221,58%,97%)
#dfe6f6 rgb(223,230,246) hsl(221,58%,92%)
#cbd7f1 rgb(203,215,241) hsl(221,58%,87%)
#b6c7ec rgb(182,199,236) hsl(221,58%,82%)
#a2b8e6 rgb(162,184,230) hsl(221,58%,77%)
#8ea8e1 rgb(142,168,225) hsl(221,58%,72%)
#7a99dc rgb(122,153,220) hsl(221,58%,67%)
#6689d6 rgb(102,137,214) hsl(221,58%,62%)
#527ad1 rgb(82,122,209) hsl(221,58%,57%)
#3e6bcc rgb(62,107,204) hsl(221,58%,52%)
#325ebd rgb(50,94,189) hsl(221,58%,47%)
#2d54a9 rgb(45,84,169) hsl(221,58%,42%)
#284a95 rgb(40,74,149) hsl(221,58%,37%)
#224081 rgb(34,64,129) hsl(221,58%,32%)
#1d366d rgb(29,54,109) hsl(221,58%,27%)
#182c59 rgb(24,44,89) hsl(221,58%,22%)
#122244 rgb(18,34,68) hsl(221,58%,17%)
#0d1830 rgb(13,24,48) hsl(221,58%,12%)
#070e1c rgb(7,14,28) hsl(221,58%,7%)
#020408 rgb(2,4,8) hsl(221,58%,2%)

Adjacent colors

HEX RGB HSL
#3FC9CC rgb(63,201,204) hsl(181,58%,52%)
#3F6BCC rgb(63,107,204) hsl(221,58%,52%)
#7140CC rgb(113,64,204) hsl(261,58%,53%)

Monochromatic colors

HEX RGB HSL
#829EDD rgb(130,158,221) hsl(222,57%,69%)
#6085D4 rgb(96,133,212) hsl(221,57%,60%)
#3F6BCC rgb(63,107,204) hsl(221,58%,52%)
#2F57B1 rgb(47,87,177) hsl(222,58%,44%)
#26478F rgb(38,71,143) hsl(221,58%,35%)
#1D366D rgb(29,54,109) hsl(221,58%,27%)

Triad color palettes

HEX RGB HSL
#3F6BCC rgb(63,107,204) hsl(221,58%,52%)
#CC593F rgb(204,89,63) hsl(11,58%,52%)
#B1CC3F rgb(177,204,63) hsl(71,58%,52%)

Tetrad color palettes

HEX RGB HSL
#3F6BCC rgb(63,107,204) hsl(221,58%,52%)
#CCA13F rgb(204,161,63) hsl(42,58%,52%)
#3FB3CC rgb(63,179,204) hsl(191,58%,52%)
#B1CC3F rgb(177,204,63) hsl(71,58%,52%)