HEX #3F70CF color — Indigo
The color #3F70CF is a dark shade and moderately saturated.
Palette
3F70CF color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,60%,98%) |
#e2eaf8 |
rgb(226,234,248) |
hsl(220,60%,93%) |
#cedaf3 |
rgb(206,218,243) |
hsl(220,60%,88%) |
#bacbee |
rgb(186,203,238) |
hsl(220,60%,83%) |
#a5bce9 |
rgb(165,188,233) |
hsl(220,60%,78%) |
#91ace3 |
rgb(145,172,227) |
hsl(220,60%,73%) |
#7c9dde |
rgb(124,157,222) |
hsl(220,60%,68%) |
#688ed9 |
rgb(104,142,217) |
hsl(220,60%,63%) |
#547ed4 |
rgb(84,126,212) |
hsl(220,60%,58%) |
#3f6fcf |
rgb(63,111,207) |
hsl(220,60%,53%) |
#3162c4 |
rgb(49,98,196) |
hsl(220,60%,48%) |
#2c58af |
rgb(44,88,175) |
hsl(220,60%,43%) |
#274e9b |
rgb(39,78,155) |
hsl(220,60%,38%) |
#224387 |
rgb(34,67,135) |
hsl(220,60%,33%) |
#1d3972 |
rgb(29,57,114) |
hsl(220,60%,28%) |
#172f5e |
rgb(23,47,94) |
hsl(220,60%,23%) |
#122549 |
rgb(18,37,73) |
hsl(220,60%,18%) |
#0d1b35 |
rgb(13,27,53) |
hsl(220,60%,13%) |
#081021 |
rgb(8,16,33) |
hsl(220,60%,8%) |
#03060c |
rgb(3,6,12) |
hsl(220,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FCFCE |
rgb(63,207,206) |
hsl(180,60%,53%) |
#3F70CF |
rgb(63,112,207) |
hsl(220,60%,53%) |
#6E40CF |
rgb(110,64,207) |
hsl(259,60%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A3E0 |
rgb(132,163,224) |
hsl(220,60%,70%) |
#618AD7 |
rgb(97,138,215) |
hsl(219,60%,61%) |
#3F70CF |
rgb(63,112,207) |
hsl(220,60%,53%) |
#2D5CB5 |
rgb(45,92,181) |
hsl(219,60%,44%) |
#244A92 |
rgb(36,74,146) |
hsl(219,60%,36%) |
#1C3870 |
rgb(28,56,112) |
hsl(220,60%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F70CF |
rgb(63,112,207) |
hsl(220,60%,53%) |
#CF573F |
rgb(207,87,63) |
hsl(10,60%,53%) |
#B8CF3F |
rgb(184,207,63) |
hsl(70,60%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F70CF |
rgb(63,112,207) |
hsl(220,60%,53%) |
#CF9E3F |
rgb(207,158,63) |
hsl(40,60%,53%) |
#3FB8CF |
rgb(63,184,207) |
hsl(190,60%,53%) |
#B8CF3F |
rgb(184,207,63) |
hsl(70,60%,53%) |