HEX #3A78E4 color — Royal Blue
The color #3A78E4 is a dark shade and moderately saturated.
Palette
3A78E4 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(218,76%,96%) |
#d7e3f9 |
rgb(215,227,249) |
hsl(218,76%,91%) |
#c0d4f6 |
rgb(192,212,246) |
hsl(218,76%,86%) |
#aac5f3 |
rgb(170,197,243) |
hsl(218,76%,81%) |
#93b5f0 |
rgb(147,181,240) |
hsl(218,76%,76%) |
#7da6ed |
rgb(125,166,237) |
hsl(218,76%,71%) |
#6697ea |
rgb(102,151,234) |
hsl(218,76%,66%) |
#5087e7 |
rgb(80,135,231) |
hsl(218,76%,61%) |
#3a78e4 |
rgb(58,120,228) |
hsl(218,76%,56%) |
#2369e1 |
rgb(35,105,225) |
hsl(218,76%,51%) |
#1c5ece |
rgb(28,94,206) |
hsl(218,76%,46%) |
#1953b8 |
rgb(25,83,184) |
hsl(218,76%,41%) |
#1649a2 |
rgb(22,73,162) |
hsl(218,76%,36%) |
#133f8b |
rgb(19,63,139) |
hsl(218,76%,31%) |
#103575 |
rgb(16,53,117) |
hsl(218,76%,26%) |
#0d2b5e |
rgb(13,43,94) |
hsl(218,76%,21%) |
#0a2148 |
rgb(10,33,72) |
hsl(218,76%,16%) |
#071631 |
rgb(7,22,49) |
hsl(218,76%,11%) |
#040c1b |
rgb(4,12,27) |
hsl(218,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3DE |
rgb(58,227,222) |
hsl(178,75%,56%) |
#3A78E4 |
rgb(58,120,228) |
hsl(218,76%,56%) |
#6D3BE4 |
rgb(109,59,228) |
hsl(258,76%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB0EF |
rgb(138,176,239) |
hsl(217,76%,74%) |
#6294E9 |
rgb(98,148,233) |
hsl(218,75%,65%) |
#3A78E4 |
rgb(58,120,228) |
hsl(218,76%,56%) |
#1C5ED3 |
rgb(28,94,211) |
hsl(218,77%,47%) |
#174DAB |
rgb(23,77,171) |
hsl(218,76%,38%) |
#113B82 |
rgb(17,59,130) |
hsl(218,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A78E4 |
rgb(58,120,228) |
hsl(218,76%,56%) |
#E4523A |
rgb(228,82,58) |
hsl(8,76%,56%) |
#CDE33A |
rgb(205,227,58) |
hsl(68,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A78E4 |
rgb(58,120,228) |
hsl(218,76%,56%) |
#E4A63A |
rgb(228,166,58) |
hsl(38,76%,56%) |
#3ACCE4 |
rgb(58,204,228) |
hsl(188,76%,56%) |
#CDE33A |
rgb(205,227,58) |
hsl(68,75%,56%) |