HEX #3685E6 color — Royal Blue
The color #3685E6 is a dark shade and moderately saturated.
Palette
3685E6 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fd |
rgb(237,244,253) |
hsl(213,78%,96%) |
#d6e6fa |
rgb(214,230,250) |
hsl(213,78%,91%) |
#bfd9f7 |
rgb(191,217,247) |
hsl(213,78%,86%) |
#a9cbf4 |
rgb(169,203,244) |
hsl(213,78%,81%) |
#92bdf2 |
rgb(146,189,242) |
hsl(213,78%,76%) |
#7bafef |
rgb(123,175,239) |
hsl(213,78%,71%) |
#65a2ec |
rgb(101,162,236) |
hsl(213,78%,66%) |
#4e94e9 |
rgb(78,148,233) |
hsl(213,78%,61%) |
#3786e6 |
rgb(55,134,230) |
hsl(213,78%,56%) |
#2178e4 |
rgb(33,120,228) |
hsl(213,78%,51%) |
#1a6cd1 |
rgb(26,108,209) |
hsl(213,78%,46%) |
#1760ba |
rgb(23,96,186) |
hsl(213,78%,41%) |
#1455a3 |
rgb(20,85,163) |
hsl(213,78%,36%) |
#11498d |
rgb(17,73,141) |
hsl(213,78%,31%) |
#0f3d76 |
rgb(15,61,118) |
hsl(213,78%,26%) |
#0c315f |
rgb(12,49,95) |
hsl(213,78%,21%) |
#092649 |
rgb(9,38,73) |
hsl(213,78%,16%) |
#061a32 |
rgb(6,26,50) |
hsl(213,78%,11%) |
#030e1b |
rgb(3,14,27) |
hsl(213,78%,6%) |
#010205 |
rgb(1,2,5) |
hsl(213,78%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E6D1 |
rgb(54,230,209) |
hsl(173,78%,56%) |
#3685E6 |
rgb(54,133,230) |
hsl(213,78%,56%) |
#5C36E6 |
rgb(92,54,230) |
hsl(253,78%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86B5F0 |
rgb(134,181,240) |
hsl(213,78%,73%) |
#5E9EEB |
rgb(94,158,235) |
hsl(213,78%,65%) |
#3685E6 |
rgb(54,133,230) |
hsl(213,78%,56%) |
#1A6ED4 |
rgb(26,110,212) |
hsl(213,78%,47%) |
#1559AB |
rgb(21,89,171) |
hsl(213,78%,38%) |
#104583 |
rgb(16,69,131) |
hsl(212,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3685E6 |
rgb(54,133,230) |
hsl(213,78%,56%) |
#E64036 |
rgb(230,64,54) |
hsl(3,78%,56%) |
#DDE636 |
rgb(221,230,54) |
hsl(63,78%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3685E6 |
rgb(54,133,230) |
hsl(213,78%,56%) |
#E69636 |
rgb(230,150,54) |
hsl(33,78%,56%) |
#36DEE6 |
rgb(54,222,230) |
hsl(183,78%,56%) |
#DDE636 |
rgb(221,230,54) |
hsl(63,78%,56%) |