HEX #3C78E5 color — Royal Blue
The color #3C78E5 is a dark shade and moderately saturated.
Palette
3C78E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,76%,97%) |
#dbe6fa |
rgb(219,230,250) |
hsl(219,76%,92%) |
#c5d6f7 |
rgb(197,214,247) |
hsl(219,76%,87%) |
#aec7f4 |
rgb(174,199,244) |
hsl(219,76%,82%) |
#98b7f1 |
rgb(152,183,241) |
hsl(219,76%,77%) |
#81a7ee |
rgb(129,167,238) |
hsl(219,76%,72%) |
#6b98eb |
rgb(107,152,235) |
hsl(219,76%,67%) |
#5488e8 |
rgb(84,136,232) |
hsl(219,76%,62%) |
#3e78e5 |
rgb(62,120,229) |
hsl(219,76%,57%) |
#2869e2 |
rgb(40,105,226) |
hsl(219,76%,52%) |
#1d5dd3 |
rgb(29,93,211) |
hsl(219,76%,47%) |
#1a53bc |
rgb(26,83,188) |
hsl(219,76%,42%) |
#1749a6 |
rgb(23,73,166) |
hsl(219,76%,37%) |
#143f90 |
rgb(20,63,144) |
hsl(219,76%,32%) |
#113579 |
rgb(17,53,121) |
hsl(219,76%,27%) |
#0d2b63 |
rgb(13,43,99) |
hsl(219,76%,22%) |
#0a214c |
rgb(10,33,76) |
hsl(219,76%,17%) |
#071836 |
rgb(7,24,54) |
hsl(219,76%,12%) |
#040e1f |
rgb(4,14,31) |
hsl(219,76%,7%) |
#010409 |
rgb(1,4,9) |
hsl(219,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE6E1 |
rgb(60,230,225) |
hsl(178,77%,57%) |
#3C78E5 |
rgb(60,120,229) |
hsl(219,76%,57%) |
#703DE5 |
rgb(112,61,229) |
hsl(258,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DB0EF |
rgb(141,176,239) |
hsl(219,75%,75%) |
#6494EA |
rgb(100,148,234) |
hsl(219,76%,65%) |
#3C78E5 |
rgb(60,120,229) |
hsl(219,76%,57%) |
#1C5ED6 |
rgb(28,94,214) |
hsl(219,77%,47%) |
#174DAD |
rgb(23,77,173) |
hsl(218,77%,38%) |
#113B84 |
rgb(17,59,132) |
hsl(218,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C78E5 |
rgb(60,120,229) |
hsl(219,76%,57%) |
#E5543C |
rgb(229,84,60) |
hsl(9,76%,57%) |
#CCE63C |
rgb(204,230,60) |
hsl(69,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C78E5 |
rgb(60,120,229) |
hsl(219,76%,57%) |
#E5A83C |
rgb(229,168,60) |
hsl(38,76%,57%) |
#3CCCE5 |
rgb(60,204,229) |
hsl(189,76%,57%) |
#CCE63C |
rgb(204,230,60) |
hsl(69,77%,57%) |