HEX #3778E5 color — Royal Blue
The color #3778E5 is a dark shade and moderately saturated.
Palette
3778E5 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 |
#37E6DE |
rgb(55,230,222) |
hsl(177,78%,56%) |
#3778E5 |
rgb(55,120,229) |
hsl(218,77%,56%) |
#6A38E5 |
rgb(106,56,229) |
hsl(257,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87ADEF |
rgb(135,173,239) |
hsl(218,76%,73%) |
#5F94EA |
rgb(95,148,234) |
hsl(217,77%,65%) |
#3778E5 |
rgb(55,120,229) |
hsl(218,77%,56%) |
#1B61D3 |
rgb(27,97,211) |
hsl(217,77%,47%) |
#164DAA |
rgb(22,77,170) |
hsl(218,77%,38%) |
#103B82 |
rgb(16,59,130) |
hsl(217,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3778E5 |
rgb(55,120,229) |
hsl(218,77%,56%) |
#E54D37 |
rgb(229,77,55) |
hsl(8,77%,56%) |
#CFE637 |
rgb(207,230,55) |
hsl(68,78%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3778E5 |
rgb(55,120,229) |
hsl(218,77%,56%) |
#E5A337 |
rgb(229,163,55) |
hsl(37,77%,56%) |
#37CFE5 |
rgb(55,207,229) |
hsl(188,77%,56%) |
#CFE637 |
rgb(207,230,55) |
hsl(68,78%,56%) |