HEX #3F70D3 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3F70D3 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(220,63%,99%)
#e6ecf9 rgb(230,236,249) hsl(220,63%,94%)
#d1ddf5 rgb(209,221,245) hsl(220,63%,89%)
#bccef0 rgb(188,206,240) hsl(220,63%,84%)
#a8beeb rgb(168,190,235) hsl(220,63%,79%)
#93afe6 rgb(147,175,230) hsl(220,63%,74%)
#7e9fe2 rgb(126,159,226) hsl(220,63%,69%)
#6990dd rgb(105,144,221) hsl(220,63%,64%)
#5580d8 rgb(85,128,216) hsl(220,63%,59%)
#4071d4 rgb(64,113,212) hsl(220,63%,54%)
#2e63cc rgb(46,99,204) hsl(220,63%,49%)
#2a59b7 rgb(42,89,183) hsl(220,63%,44%)
#254fa2 rgb(37,79,162) hsl(220,63%,39%)
#20448d rgb(32,68,141) hsl(220,63%,34%)
#1b3a79 rgb(27,58,121) hsl(220,63%,29%)
#173064 rgb(23,48,100) hsl(220,63%,24%)
#12264f rgb(18,38,79) hsl(220,63%,19%)
#0d1c3a rgb(13,28,58) hsl(220,63%,14%)
#081225 rgb(8,18,37) hsl(220,63%,9%)
#040811 rgb(4,8,17) hsl(220,63%,4%)

Adjacent colors

HEX RGB HSL
#3FD4D3 rgb(63,212,211) hsl(180,63%,54%)
#3F70D3 rgb(63,112,211) hsl(220,63%,54%)
#7040D3 rgb(112,64,211) hsl(260,63%,54%)

Monochromatic colors

HEX RGB HSL
#86A6E3 rgb(134,166,227) hsl(219,62%,71%)
#628ADB rgb(98,138,219) hsl(220,63%,62%)
#3F70D3 rgb(63,112,211) hsl(220,63%,54%)
#2A5CBB rgb(42,92,187) hsl(219,63%,45%)
#224A97 rgb(34,74,151) hsl(219,63%,36%)
#1A3873 rgb(26,56,115) hsl(220,63%,28%)

Triad color palettes

HEX RGB HSL
#3F70D3 rgb(63,112,211) hsl(220,63%,54%)
#D3593F rgb(211,89,63) hsl(11,63%,54%)
#BAD43F rgb(186,212,63) hsl(70,63%,54%)

Tetrad color palettes

HEX RGB HSL
#3F70D3 rgb(63,112,211) hsl(220,63%,54%)
#D3A33F rgb(211,163,63) hsl(41,63%,54%)
#3FBAD3 rgb(63,186,211) hsl(190,63%,54%)
#BAD43F rgb(186,212,63) hsl(70,63%,54%)