HEX #3B78E5 color — Royal Blue
The color #3B78E5 is a dark shade and moderately saturated.
Palette
3B78E5 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(218,77%,96%) |
#d6e3fa |
rgb(214,227,250) |
hsl(218,77%,91%) |
#c0d4f7 |
rgb(192,212,247) |
hsl(218,77%,86%) |
#a9c5f4 |
rgb(169,197,244) |
hsl(218,77%,81%) |
#93b5f1 |
rgb(147,181,241) |
hsl(218,77%,76%) |
#7ca6ee |
rgb(124,166,238) |
hsl(218,77%,71%) |
#6696eb |
rgb(102,150,235) |
hsl(218,77%,66%) |
#4f87e8 |
rgb(79,135,232) |
hsl(218,77%,61%) |
#3878e5 |
rgb(56,120,229) |
hsl(218,77%,56%) |
#2268e2 |
rgb(34,104,226) |
hsl(218,77%,51%) |
#1b5dd0 |
rgb(27,93,208) |
hsl(218,77%,46%) |
#1853b9 |
rgb(24,83,185) |
hsl(218,77%,41%) |
#1549a2 |
rgb(21,73,162) |
hsl(218,77%,36%) |
#123f8c |
rgb(18,63,140) |
hsl(218,77%,31%) |
#0f3575 |
rgb(15,53,117) |
hsl(218,77%,26%) |
#0c2b5f |
rgb(12,43,95) |
hsl(218,77%,21%) |
#092048 |
rgb(9,32,72) |
hsl(218,77%,16%) |
#061632 |
rgb(6,22,50) |
hsl(218,77%,11%) |
#040c1b |
rgb(4,12,27) |
hsl(218,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(218,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE6E0 |
rgb(59,230,224) |
hsl(178,77%,57%) |
#3B78E5 |
rgb(59,120,229) |
hsl(218,77%,56%) |
#6F3BE5 |
rgb(111,59,229) |
hsl(258,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB0EF |
rgb(140,176,239) |
hsl(218,76%,74%) |
#6394EA |
rgb(99,148,234) |
hsl(218,76%,65%) |
#3B78E5 |
rgb(59,120,229) |
hsl(218,77%,56%) |
#1C5ED5 |
rgb(28,94,213) |
hsl(219,77%,47%) |
#164DAC |
rgb(22,77,172) |
hsl(218,77%,38%) |
#113B84 |
rgb(17,59,132) |
hsl(218,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B78E5 |
rgb(59,120,229) |
hsl(218,77%,56%) |
#E5543B |
rgb(229,84,59) |
hsl(9,77%,56%) |
#CDE63B |
rgb(205,230,59) |
hsl(69,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B78E5 |
rgb(59,120,229) |
hsl(218,77%,56%) |
#E5A83B |
rgb(229,168,59) |
hsl(38,77%,56%) |
#3BCCE5 |
rgb(59,204,229) |
hsl(189,77%,56%) |
#CDE63B |
rgb(205,230,59) |
hsl(69,77%,57%) |