HEX #3F54BB color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3F54BB color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(230,50%,99%)
#e8ebf7 rgb(232,235,247) hsl(230,50%,94%)
#d5daf1 rgb(213,218,241) hsl(230,50%,89%)
#c2c9eb rgb(194,201,235) hsl(230,50%,84%)
#afb8e4 rgb(175,184,228) hsl(230,50%,79%)
#9ca7de rgb(156,167,222) hsl(230,50%,74%)
#8896d7 rgb(136,150,215) hsl(230,50%,69%)
#7585d1 rgb(117,133,209) hsl(230,50%,64%)
#6274cb rgb(98,116,203) hsl(230,50%,59%)
#4f63c4 rgb(79,99,196) hsl(230,50%,54%)
#3e53bb rgb(62,83,187) hsl(230,50%,49%)
#384ba8 rgb(56,75,168) hsl(230,50%,44%)
#324295 rgb(50,66,149) hsl(230,50%,39%)
#2b3a82 rgb(43,58,130) hsl(230,50%,34%)
#25316f rgb(37,49,111) hsl(230,50%,29%)
#1f295c rgb(31,41,92) hsl(230,50%,24%)
#182049 rgb(24,32,73) hsl(230,50%,19%)
#121836 rgb(18,24,54) hsl(230,50%,14%)
#0b0f22 rgb(11,15,34) hsl(230,50%,9%)
#05070f rgb(5,7,15) hsl(230,50%,4%)

Adjacent colors

HEX RGB HSL
#3FA6BB rgb(63,166,187) hsl(190,50%,49%)
#3F54BB rgb(63,84,187) hsl(230,50%,49%)
#7C40BB rgb(124,64,187) hsl(269,49%,49%)

Monochromatic colors

HEX RGB HSL
#7887D1 rgb(120,135,209) hsl(230,49%,65%)
#5A6EC7 rgb(90,110,199) hsl(229,49%,57%)
#3F54BB rgb(63,84,187) hsl(230,50%,49%)
#34479D rgb(52,71,157) hsl(229,50%,41%)
#2A387F rgb(42,56,127) hsl(230,50%,33%)
#202B61 rgb(32,43,97) hsl(230,50%,25%)

Triad color palettes

HEX RGB HSL
#3F54BB rgb(63,84,187) hsl(230,50%,49%)
#BB693F rgb(187,105,63) hsl(20,50%,49%)
#92BA3F rgb(146,186,63) hsl(80,49%,49%)

Tetrad color palettes

HEX RGB HSL
#3F54BB rgb(63,84,187) hsl(230,50%,49%)
#BBA63F rgb(187,166,63) hsl(50,50%,49%)
#3F91BB rgb(63,145,187) hsl(200,50%,49%)
#92BA3F rgb(146,186,63) hsl(80,49%,49%)