HEX #3680E7 color — Royal Blue
The color #3680e7 is a dark shade and moderately saturated.
Palette
3680e7 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(215,79%,96%) |
#d6e5fa |
rgb(214,229,250) |
hsl(215,79%,91%) |
#bfd7f8 |
rgb(191,215,248) |
hsl(215,79%,86%) |
#a8c8f5 |
rgb(168,200,245) |
hsl(215,79%,81%) |
#91baf2 |
rgb(145,186,242) |
hsl(215,79%,76%) |
#7babef |
rgb(123,171,239) |
hsl(215,79%,71%) |
#649ded |
rgb(100,157,237) |
hsl(215,79%,66%) |
#4d8eea |
rgb(77,142,234) |
hsl(215,79%,61%) |
#3680e7 |
rgb(54,128,231) |
hsl(215,79%,56%) |
#1f72e5 |
rgb(31,114,229) |
hsl(215,79%,51%) |
#1966d2 |
rgb(25,102,210) |
hsl(215,79%,46%) |
#165bbb |
rgb(22,91,187) |
hsl(215,79%,41%) |
#1350a4 |
rgb(19,80,164) |
hsl(215,79%,36%) |
#11458d |
rgb(17,69,141) |
hsl(215,79%,31%) |
#0e3a77 |
rgb(14,58,119) |
hsl(215,79%,26%) |
#0b2e60 |
rgb(11,46,96) |
hsl(215,79%,21%) |
#092349 |
rgb(9,35,73) |
hsl(215,79%,16%) |
#061832 |
rgb(6,24,50) |
hsl(215,79%,11%) |
#030d1b |
rgb(3,13,27) |
hsl(215,79%,6%) |
#010205 |
rgb(1,2,5) |
hsl(215,79%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E8D8 |
rgb(54,232,216) |
hsl(175,79%,56%) |
#3680E7 |
rgb(54,128,231) |
hsl(215,79%,56%) |
#6236E7 |
rgb(98,54,231) |
hsl(255,79%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87B3F0 |
rgb(135,179,240) |
hsl(215,78%,74%) |
#5E99EB |
rgb(94,153,235) |
hsl(215,78%,65%) |
#3680E7 |
rgb(54,128,231) |
hsl(215,79%,56%) |
#1969D5 |
rgb(25,105,213) |
hsl(214,79%,47%) |
#1454AD |
rgb(20,84,173) |
hsl(215,79%,38%) |
#0F4084 |
rgb(15,64,132) |
hsl(215,80%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3680E7 |
rgb(54,128,231) |
hsl(215,79%,56%) |
#E74536 |
rgb(231,69,54) |
hsl(5,79%,56%) |
#D8E836 |
rgb(216,232,54) |
hsl(65,79%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3680E7 |
rgb(54,128,231) |
hsl(215,79%,56%) |
#E79E36 |
rgb(231,158,54) |
hsl(35,79%,56%) |
#36D9E7 |
rgb(54,217,231) |
hsl(185,79%,56%) |
#D8E836 |
rgb(216,232,54) |
hsl(65,79%,56%) |