HEX #3285E4 color — Royal Blue
The color #3285E4 is a dark shade and moderately saturated.
Palette
3285E4 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 |
| #32E3CC |
rgb(50,227,204) |
hsl(172,76%,54%) |
| #3285E4 |
rgb(50,133,228) |
hsl(212,77%,55%) |
| #5533E4 |
rgb(85,51,228) |
hsl(252,77%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #80B5EE |
rgb(128,181,238) |
hsl(211,76%,72%) |
| #599CE9 |
rgb(89,156,233) |
hsl(212,77%,63%) |
| #3285E4 |
rgb(50,133,228) |
hsl(212,77%,55%) |
| #1B6ECE |
rgb(27,110,206) |
hsl(212,77%,46%) |
| #1659A7 |
rgb(22,89,167) |
hsl(212,77%,37%) |
| #10457F |
rgb(16,69,127) |
hsl(211,78%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3285E4 |
rgb(50,133,228) |
hsl(212,77%,55%) |
| #E43832 |
rgb(228,56,50) |
hsl(2,77%,55%) |
| #DEE332 |
rgb(222,227,50) |
hsl(62,76%,54%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3285E4 |
rgb(50,133,228) |
hsl(212,77%,55%) |
| #E49132 |
rgb(228,145,50) |
hsl(32,77%,55%) |
| #32DEE4 |
rgb(50,222,228) |
hsl(182,77%,55%) |
| #DEE332 |
rgb(222,227,50) |
hsl(62,76%,54%) |
