HEX #3C78E4 color — Royal Blue
The color #3C78E4 is a dark shade and moderately saturated.
Palette
3C78E4 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fd |
rgb(237,242,253) |
hsl(219,76%,96%) |
#d7e3f9 |
rgb(215,227,249) |
hsl(219,76%,91%) |
#c0d3f6 |
rgb(192,211,246) |
hsl(219,76%,86%) |
#aac4f3 |
rgb(170,196,243) |
hsl(219,76%,81%) |
#93b4f0 |
rgb(147,180,240) |
hsl(219,76%,76%) |
#7da4ed |
rgb(125,164,237) |
hsl(219,76%,71%) |
#6695ea |
rgb(102,149,234) |
hsl(219,76%,66%) |
#5085e7 |
rgb(80,133,231) |
hsl(219,76%,61%) |
#3a75e4 |
rgb(58,117,228) |
hsl(219,76%,56%) |
#2366e1 |
rgb(35,102,225) |
hsl(219,76%,51%) |
#1c5bce |
rgb(28,91,206) |
hsl(219,76%,46%) |
#1951b8 |
rgb(25,81,184) |
hsl(219,76%,41%) |
#1647a2 |
rgb(22,71,162) |
hsl(219,76%,36%) |
#133d8b |
rgb(19,61,139) |
hsl(219,76%,31%) |
#103375 |
rgb(16,51,117) |
hsl(219,76%,26%) |
#0d295e |
rgb(13,41,94) |
hsl(219,76%,21%) |
#0a1f48 |
rgb(10,31,72) |
hsl(219,76%,16%) |
#071631 |
rgb(7,22,49) |
hsl(219,76%,11%) |
#040c1b |
rgb(4,12,27) |
hsl(219,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE3E0 |
rgb(60,227,224) |
hsl(179,75%,56%) |
#3C78E4 |
rgb(60,120,228) |
hsl(219,76%,56%) |
#703DE4 |
rgb(112,61,228) |
hsl(258,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB0EF |
rgb(140,176,239) |
hsl(218,76%,74%) |
#6494E9 |
rgb(100,148,233) |
hsl(218,75%,65%) |
#3C78E4 |
rgb(60,120,228) |
hsl(219,76%,56%) |
#1D5ED4 |
rgb(29,94,212) |
hsl(219,76%,47%) |
#174DAC |
rgb(23,77,172) |
hsl(218,76%,38%) |
#123B83 |
rgb(18,59,131) |
hsl(218,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C78E4 |
rgb(60,120,228) |
hsl(219,76%,56%) |
#E4543C |
rgb(228,84,60) |
hsl(9,76%,56%) |
#CCE33C |
rgb(204,227,60) |
hsl(68,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C78E4 |
rgb(60,120,228) |
hsl(219,76%,56%) |
#E4A83C |
rgb(228,168,60) |
hsl(39,76%,56%) |
#3CCCE4 |
rgb(60,204,228) |
hsl(189,76%,56%) |
#CCE33C |
rgb(204,227,60) |
hsl(68,75%,56%) |