HEX #3386E6 color — Royal Blue
The color #3386e6 is a dark shade and moderately saturated.
Palette
3386e6 color palette from light to dark
HEX |
RGB |
HSL |
#e8f2fc |
rgb(232,242,252) |
hsl(212,78%,95%) |
#d2e4f9 |
rgb(210,228,249) |
hsl(212,78%,90%) |
#bbd7f7 |
rgb(187,215,247) |
hsl(212,78%,85%) |
#a4c9f4 |
rgb(164,201,244) |
hsl(212,78%,80%) |
#8ebcf1 |
rgb(142,188,241) |
hsl(212,78%,75%) |
#77afee |
rgb(119,175,238) |
hsl(212,78%,70%) |
#60a1eb |
rgb(96,161,235) |
hsl(212,78%,65%) |
#4994e9 |
rgb(73,148,233) |
hsl(212,78%,60%) |
#3386e6 |
rgb(51,134,230) |
hsl(212,78%,55%) |
#1c79e3 |
rgb(28,121,227) |
hsl(212,78%,50%) |
#196dcc |
rgb(25,109,204) |
hsl(212,78%,45%) |
#1661b6 |
rgb(22,97,182) |
hsl(212,78%,40%) |
#14559f |
rgb(20,85,159) |
hsl(212,78%,35%) |
#114988 |
rgb(17,73,136) |
hsl(212,78%,30%) |
#0e3c71 |
rgb(14,60,113) |
hsl(212,78%,25%) |
#0b305b |
rgb(11,48,91) |
hsl(212,78%,20%) |
#082444 |
rgb(8,36,68) |
hsl(212,78%,15%) |
#06182d |
rgb(6,24,45) |
hsl(212,78%,10%) |
#030c17 |
rgb(3,12,23) |
hsl(212,78%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#33E6CE |
rgb(51,230,206) |
hsl(172,78%,55%) |
#3386E6 |
rgb(51,134,230) |
hsl(212,78%,55%) |
#5733E6 |
rgb(87,51,230) |
hsl(252,78%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83B5EF |
rgb(131,181,239) |
hsl(212,77%,73%) |
#5B9EEA |
rgb(91,158,234) |
hsl(212,77%,64%) |
#3386E6 |
rgb(51,134,230) |
hsl(212,78%,55%) |
#1970D2 |
rgb(25,112,210) |
hsl(212,79%,46%) |
#1459AA |
rgb(20,89,170) |
hsl(212,79%,37%) |
#0F4582 |
rgb(15,69,130) |
hsl(212,79%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3386E6 |
rgb(51,134,230) |
hsl(212,78%,55%) |
#E63B33 |
rgb(230,59,51) |
hsl(3,78%,55%) |
#DFE633 |
rgb(223,230,51) |
hsl(62,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3386E6 |
rgb(51,134,230) |
hsl(212,78%,55%) |
#E69433 |
rgb(230,148,51) |
hsl(33,78%,55%) |
#33E0E6 |
rgb(51,224,230) |
hsl(182,78%,55%) |
#DFE633 |
rgb(223,230,51) |
hsl(62,78%,55%) |