HEX #3A78E6 color — Royal Blue
The color #3A78E6 is a dark shade and moderately saturated.
Palette
3A78E6 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 |
#3AE6E1 |
rgb(58,230,225) |
hsl(178,77%,56%) |
#3A78E6 |
rgb(58,120,230) |
hsl(218,77%,56%) |
#6E3BE6 |
rgb(110,59,230) |
hsl(258,77%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BB0F0 |
rgb(139,176,240) |
hsl(218,77%,74%) |
#6294EB |
rgb(98,148,235) |
hsl(218,77%,65%) |
#3A78E6 |
rgb(58,120,230) |
hsl(218,77%,56%) |
#1B5ED6 |
rgb(27,94,214) |
hsl(219,78%,47%) |
#164DAD |
rgb(22,77,173) |
hsl(218,77%,38%) |
#103B84 |
rgb(16,59,132) |
hsl(218,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A78E6 |
rgb(58,120,230) |
hsl(218,77%,56%) |
#E6523A |
rgb(230,82,58) |
hsl(8,77%,56%) |
#CEE63A |
rgb(206,230,58) |
hsl(68,77%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A78E6 |
rgb(58,120,230) |
hsl(218,77%,56%) |
#E6A83A |
rgb(230,168,58) |
hsl(38,77%,56%) |
#3ACFE6 |
rgb(58,207,230) |
hsl(188,77%,56%) |
#CEE63A |
rgb(206,230,58) |
hsl(68,77%,56%) |