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%) |
