HEX #3F78C5 color — Indigo
The color #3F78C5 is a dark shade and moderately saturated.
Palette
3F78C5 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fa |
rgb(239,244,250) |
hsl(214,54%,96%) |
#dce6f4 |
rgb(220,230,244) |
hsl(214,54%,91%) |
#c8d9ef |
rgb(200,217,239) |
hsl(214,54%,86%) |
#b4cbe9 |
rgb(180,203,233) |
hsl(214,54%,81%) |
#a1bde3 |
rgb(161,189,227) |
hsl(214,54%,76%) |
#8db0dd |
rgb(141,176,221) |
hsl(214,54%,71%) |
#79a2d7 |
rgb(121,162,215) |
hsl(214,54%,66%) |
#6694d1 |
rgb(102,148,209) |
hsl(214,54%,61%) |
#5287cb |
rgb(82,135,203) |
hsl(214,54%,56%) |
#3f79c6 |
rgb(63,121,198) |
hsl(214,54%,51%) |
#366db5 |
rgb(54,109,181) |
hsl(214,54%,46%) |
#3061a1 |
rgb(48,97,161) |
hsl(214,54%,41%) |
#2a558d |
rgb(42,85,141) |
hsl(214,54%,36%) |
#24497a |
rgb(36,73,122) |
hsl(214,54%,31%) |
#1e3e66 |
rgb(30,62,102) |
hsl(214,54%,26%) |
#193252 |
rgb(25,50,82) |
hsl(214,54%,21%) |
#13263f |
rgb(19,38,63) |
hsl(214,54%,16%) |
#0d1a2b |
rgb(13,26,43) |
hsl(214,54%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(214,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC4B8 |
rgb(63,196,184) |
hsl(175,53%,51%) |
#3F78C5 |
rgb(63,120,197) |
hsl(214,54%,51%) |
#5F40C5 |
rgb(95,64,197) |
hsl(254,53%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EA6D8 |
rgb(126,166,216) |
hsl(213,54%,67%) |
#5E8FCE |
rgb(94,143,206) |
hsl(214,53%,59%) |
#3F78C5 |
rgb(63,120,197) |
hsl(214,54%,51%) |
#3263A7 |
rgb(50,99,167) |
hsl(215,54%,43%) |
#295287 |
rgb(41,82,135) |
hsl(214,53%,35%) |
#1F3D67 |
rgb(31,61,103) |
hsl(215,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F78C5 |
rgb(63,120,197) |
hsl(214,54%,51%) |
#C54A3F |
rgb(197,74,63) |
hsl(5,54%,51%) |
#BBC43F |
rgb(187,196,63) |
hsl(64,53%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F78C5 |
rgb(63,120,197) |
hsl(214,54%,51%) |
#C58C3F |
rgb(197,140,63) |
hsl(34,54%,51%) |
#3FBAC5 |
rgb(63,186,197) |
hsl(185,54%,51%) |
#BBC43F |
rgb(187,196,63) |
hsl(64,53%,51%) |