HEX #3F70C5 color — Indigo
The color #3F70C5 is a dark shade and moderately saturated.
Palette
3F70C5 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(218,54%,96%) |
#dce5f4 |
rgb(220,229,244) |
hsl(218,54%,91%) |
#c8d6ef |
rgb(200,214,239) |
hsl(218,54%,86%) |
#b4c8e9 |
rgb(180,200,233) |
hsl(218,54%,81%) |
#a1b9e3 |
rgb(161,185,227) |
hsl(218,54%,76%) |
#8daadd |
rgb(141,170,221) |
hsl(218,54%,71%) |
#799cd7 |
rgb(121,156,215) |
hsl(218,54%,66%) |
#668dd1 |
rgb(102,141,209) |
hsl(218,54%,61%) |
#527fcb |
rgb(82,127,203) |
hsl(218,54%,56%) |
#3f70c6 |
rgb(63,112,198) |
hsl(218,54%,51%) |
#3664b5 |
rgb(54,100,181) |
hsl(218,54%,46%) |
#3059a1 |
rgb(48,89,161) |
hsl(218,54%,41%) |
#2a4f8d |
rgb(42,79,141) |
hsl(218,54%,36%) |
#24447a |
rgb(36,68,122) |
hsl(218,54%,31%) |
#1e3966 |
rgb(30,57,102) |
hsl(218,54%,26%) |
#192e52 |
rgb(25,46,82) |
hsl(218,54%,21%) |
#13233f |
rgb(19,35,63) |
hsl(218,54%,16%) |
#0d182b |
rgb(13,24,43) |
hsl(218,54%,11%) |
#070d18 |
rgb(7,13,24) |
hsl(218,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC4C0 |
rgb(63,196,192) |
hsl(178,53%,51%) |
#3F70C5 |
rgb(63,112,197) |
hsl(218,54%,51%) |
#6740C5 |
rgb(103,64,197) |
hsl(258,53%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EA1D8 |
rgb(126,161,216) |
hsl(217,54%,67%) |
#5E87CE |
rgb(94,135,206) |
hsl(218,53%,59%) |
#3F70C5 |
rgb(63,112,197) |
hsl(218,54%,51%) |
#325EA7 |
rgb(50,94,167) |
hsl(217,54%,43%) |
#294D87 |
rgb(41,77,135) |
hsl(217,53%,35%) |
#1F3B67 |
rgb(31,59,103) |
hsl(217,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F70C5 |
rgb(63,112,197) |
hsl(218,54%,51%) |
#C5523F |
rgb(197,82,63) |
hsl(9,54%,51%) |
#B3C43F |
rgb(179,196,63) |
hsl(68,53%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F70C5 |
rgb(63,112,197) |
hsl(218,54%,51%) |
#C5943F |
rgb(197,148,63) |
hsl(38,54%,51%) |
#3FB3C5 |
rgb(63,179,197) |
hsl(188,54%,51%) |
#B3C43F |
rgb(179,196,63) |
hsl(68,53%,51%) |