HEX #3486E5 color — Royal Blue
The color #3486e5 is a dark shade and moderately saturated.
Palette
3486e5 color palette from light to dark
HEX |
RGB |
HSL |
#e8f2fc |
rgb(232,242,252) |
hsl(212,77%,95%) |
#d2e4f9 |
rgb(210,228,249) |
hsl(212,77%,90%) |
#bbd7f6 |
rgb(187,215,246) |
hsl(212,77%,85%) |
#a5c9f3 |
rgb(165,201,243) |
hsl(212,77%,80%) |
#8ebcf0 |
rgb(142,188,240) |
hsl(212,77%,75%) |
#78afed |
rgb(120,175,237) |
hsl(212,77%,70%) |
#61a1ea |
rgb(97,161,234) |
hsl(212,77%,65%) |
#4a94e8 |
rgb(74,148,232) |
hsl(212,77%,60%) |
#3486e5 |
rgb(52,134,229) |
hsl(212,77%,55%) |
#1d79e2 |
rgb(29,121,226) |
hsl(212,77%,50%) |
#1a6dcb |
rgb(26,109,203) |
hsl(212,77%,45%) |
#1761b5 |
rgb(23,97,181) |
hsl(212,77%,40%) |
#15559e |
rgb(21,85,158) |
hsl(212,77%,35%) |
#124987 |
rgb(18,73,135) |
hsl(212,77%,30%) |
#0f3c71 |
rgb(15,60,113) |
hsl(212,77%,25%) |
#0c305a |
rgb(12,48,90) |
hsl(212,77%,20%) |
#092444 |
rgb(9,36,68) |
hsl(212,77%,15%) |
#06182d |
rgb(6,24,45) |
hsl(212,77%,10%) |
#030c17 |
rgb(3,12,23) |
hsl(212,77%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#34E6CE |
rgb(52,230,206) |
hsl(172,78%,55%) |
#3486E5 |
rgb(52,134,229) |
hsl(212,77%,55%) |
#5833E5 |
rgb(88,51,229) |
hsl(252,77%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83B5EF |
rgb(131,181,239) |
hsl(212,77%,73%) |
#5B9EEA |
rgb(91,158,234) |
hsl(212,77%,64%) |
#3486E5 |
rgb(52,134,229) |
hsl(212,77%,55%) |
#1A70D1 |
rgb(26,112,209) |
hsl(212,78%,46%) |
#1559A9 |
rgb(21,89,169) |
hsl(212,78%,37%) |
#104581 |
rgb(16,69,129) |
hsl(212,78%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3486E5 |
rgb(52,134,229) |
hsl(212,77%,55%) |
#E53B34 |
rgb(229,59,52) |
hsl(2,77%,55%) |
#DEE634 |
rgb(222,230,52) |
hsl(63,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3486E5 |
rgb(52,134,229) |
hsl(212,77%,55%) |
#E59434 |
rgb(229,148,52) |
hsl(33,77%,55%) |
#34DEE5 |
rgb(52,222,229) |
hsl(182,77%,55%) |
#DEE634 |
rgb(222,230,52) |
hsl(63,78%,55%) |