HEX #3F54B9 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3F54B9 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(230,49%,99%)
#e8ebf7 rgb(232,235,247) hsl(230,49%,94%)
#d5daf1 rgb(213,218,241) hsl(230,49%,89%)
#c2c9ea rgb(194,201,234) hsl(230,49%,84%)
#afb8e4 rgb(175,184,228) hsl(230,49%,79%)
#9ca7dd rgb(156,167,221) hsl(230,49%,74%)
#8996d7 rgb(137,150,215) hsl(230,49%,69%)
#7685d0 rgb(118,133,208) hsl(230,49%,64%)
#6374ca rgb(99,116,202) hsl(230,49%,59%)
#5063c3 rgb(80,99,195) hsl(230,49%,54%)
#4054ba rgb(64,84,186) hsl(230,49%,49%)
#394ca7 rgb(57,76,167) hsl(230,49%,44%)
#334394 rgb(51,67,148) hsl(230,49%,39%)
#2c3a81 rgb(44,58,129) hsl(230,49%,34%)
#26326e rgb(38,50,110) hsl(230,49%,29%)
#1f295b rgb(31,41,91) hsl(230,49%,24%)
#192148 rgb(25,33,72) hsl(230,49%,19%)
#121835 rgb(18,24,53) hsl(230,49%,14%)
#0c0f22 rgb(12,15,34) hsl(230,49%,9%)
#05070f rgb(5,7,15) hsl(230,49%,4%)

Adjacent colors

HEX RGB HSL
#3FA6B9 rgb(63,166,185) hsl(189,49%,49%)
#3F54B9 rgb(63,84,185) hsl(230,49%,49%)
#7B40B9 rgb(123,64,185) hsl(269,49%,49%)

Monochromatic colors

HEX RGB HSL
#7687D0 rgb(118,135,208) hsl(229,49%,64%)
#596BC6 rgb(89,107,198) hsl(230,49%,56%)
#3F54B9 rgb(63,84,185) hsl(230,49%,49%)
#34479B rgb(52,71,155) hsl(229,50%,41%)
#2A387D rgb(42,56,125) hsl(230,50%,33%)
#202B60 rgb(32,43,96) hsl(230,50%,25%)

Triad color palettes

HEX RGB HSL
#3F54B9 rgb(63,84,185) hsl(230,49%,49%)
#B9663F rgb(185,102,63) hsl(19,49%,49%)
#91BA3F rgb(145,186,63) hsl(80,49%,49%)

Tetrad color palettes

HEX RGB HSL
#3F54B9 rgb(63,84,185) hsl(230,49%,49%)
#B9A33F rgb(185,163,63) hsl(49,49%,49%)
#3F91B9 rgb(63,145,185) hsl(200,49%,49%)
#91BA3F rgb(145,186,63) hsl(80,49%,49%)