HEX #3680E5 color — Royal Blue
The color #3680E5 is a dark shade and moderately saturated.
Palette
3680E5 color palette from light to dark
HEX |
RGB |
HSL |
#e8f1fc |
rgb(232,241,252) |
hsl(215,77%,95%) |
#d2e2f9 |
rgb(210,226,249) |
hsl(215,77%,90%) |
#bbd4f6 |
rgb(187,212,246) |
hsl(215,77%,85%) |
#a5c5f3 |
rgb(165,197,243) |
hsl(215,77%,80%) |
#8eb7f0 |
rgb(142,183,240) |
hsl(215,77%,75%) |
#78a9ed |
rgb(120,169,237) |
hsl(215,77%,70%) |
#619aea |
rgb(97,154,234) |
hsl(215,77%,65%) |
#4a8ce8 |
rgb(74,140,232) |
hsl(215,77%,60%) |
#347ee5 |
rgb(52,126,229) |
hsl(215,77%,55%) |
#1d6fe2 |
rgb(29,111,226) |
hsl(215,77%,50%) |
#1a64cb |
rgb(26,100,203) |
hsl(215,77%,45%) |
#1759b5 |
rgb(23,89,181) |
hsl(215,77%,40%) |
#154e9e |
rgb(21,78,158) |
hsl(215,77%,35%) |
#124387 |
rgb(18,67,135) |
hsl(215,77%,30%) |
#0f3871 |
rgb(15,56,113) |
hsl(215,77%,25%) |
#0c2c5a |
rgb(12,44,90) |
hsl(215,77%,20%) |
#092144 |
rgb(9,33,68) |
hsl(215,77%,15%) |
#06162d |
rgb(6,22,45) |
hsl(215,77%,10%) |
#030b17 |
rgb(3,11,23) |
hsl(215,77%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E6D5 |
rgb(54,230,213) |
hsl(174,78%,56%) |
#3680E5 |
rgb(54,128,229) |
hsl(215,77%,55%) |
#6036E5 |
rgb(96,54,229) |
hsl(254,77%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86B3EF |
rgb(134,179,239) |
hsl(214,77%,73%) |
#5E99EA |
rgb(94,153,234) |
hsl(215,77%,64%) |
#3680E5 |
rgb(54,128,229) |
hsl(215,77%,55%) |
#1B69D2 |
rgb(27,105,210) |
hsl(214,77%,46%) |
#1654AA |
rgb(22,84,170) |
hsl(215,77%,38%) |
#104082 |
rgb(16,64,130) |
hsl(215,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3680E5 |
rgb(54,128,229) |
hsl(215,77%,55%) |
#E54236 |
rgb(229,66,54) |
hsl(4,77%,55%) |
#D7E636 |
rgb(215,230,54) |
hsl(65,78%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3680E5 |
rgb(54,128,229) |
hsl(215,77%,55%) |
#E59C36 |
rgb(229,156,54) |
hsl(35,77%,55%) |
#36D9E5 |
rgb(54,217,229) |
hsl(184,77%,55%) |
#D7E636 |
rgb(215,230,54) |
hsl(65,78%,56%) |