HEX #3F5CCC color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3F5CCC color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(228,58%,97%)
#dfe4f6 rgb(223,228,246) hsl(228,58%,92%)
#cbd2f1 rgb(203,210,241) hsl(228,58%,87%)
#b6c1ec rgb(182,193,236) hsl(228,58%,82%)
#a2b0e6 rgb(162,176,230) hsl(228,58%,77%)
#8e9fe1 rgb(142,159,225) hsl(228,58%,72%)
#7a8edc rgb(122,142,220) hsl(228,58%,67%)
#667cd6 rgb(102,124,214) hsl(228,58%,62%)
#526bd1 rgb(82,107,209) hsl(228,58%,57%)
#3e5acc rgb(62,90,204) hsl(228,58%,52%)
#324ebd rgb(50,78,189) hsl(228,58%,47%)
#2d46a9 rgb(45,70,169) hsl(228,58%,42%)
#283e95 rgb(40,62,149) hsl(228,58%,37%)
#223581 rgb(34,53,129) hsl(228,58%,32%)
#1d2d6d rgb(29,45,109) hsl(228,58%,27%)
#182559 rgb(24,37,89) hsl(228,58%,22%)
#121c44 rgb(18,28,68) hsl(228,58%,17%)
#0d1430 rgb(13,20,48) hsl(228,58%,12%)
#070c1c rgb(7,12,28) hsl(228,58%,7%)
#020308 rgb(2,3,8) hsl(228,58%,2%)

Adjacent colors

HEX RGB HSL
#3FBACC rgb(63,186,204) hsl(188,58%,52%)
#3F5CCC rgb(63,92,204) hsl(228,58%,52%)
#8040CC rgb(128,64,204) hsl(267,58%,53%)

Monochromatic colors

HEX RGB HSL
#8296DD rgb(130,150,221) hsl(227,57%,69%)
#6078D4 rgb(96,120,212) hsl(228,57%,60%)
#3F5CCC rgb(63,92,204) hsl(228,58%,52%)
#2F4AB1 rgb(47,74,177) hsl(228,58%,44%)
#263B8F rgb(38,59,143) hsl(228,58%,35%)
#1D2E6D rgb(29,46,109) hsl(227,58%,27%)

Triad color palettes

HEX RGB HSL
#3F5CCC rgb(63,92,204) hsl(228,58%,52%)
#CC693F rgb(204,105,63) hsl(18,58%,52%)
#A2CC3F rgb(162,204,63) hsl(78,58%,52%)

Tetrad color palettes

HEX RGB HSL
#3F5CCC rgb(63,92,204) hsl(228,58%,52%)
#CCB03F rgb(204,176,63) hsl(48,58%,52%)
#3FA3CC rgb(63,163,204) hsl(197,58%,52%)
#A2CC3F rgb(162,204,63) hsl(78,58%,52%)