HEX #336BE9 color — Royal Blue
The color #336BE9 is a dark shade and moderately saturated.
Palette
336BE9 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fd |
rgb(237,241,253) |
hsl(222,81%,96%) |
#d5e1fb |
rgb(213,225,251) |
hsl(222,81%,91%) |
#bed0f8 |
rgb(190,208,248) |
hsl(222,81%,86%) |
#a7bff6 |
rgb(167,191,246) |
hsl(222,81%,81%) |
#90aef3 |
rgb(144,174,243) |
hsl(222,81%,76%) |
#799df1 |
rgb(121,157,241) |
hsl(222,81%,71%) |
#628cef |
rgb(98,140,239) |
hsl(222,81%,66%) |
#4b7bec |
rgb(75,123,236) |
hsl(222,81%,61%) |
#346aea |
rgb(52,106,234) |
hsl(222,81%,56%) |
#1d5ae7 |
rgb(29,90,231) |
hsl(222,81%,51%) |
#164fd4 |
rgb(22,79,212) |
hsl(222,81%,46%) |
#1447bd |
rgb(20,71,189) |
hsl(222,81%,41%) |
#113ea6 |
rgb(17,62,166) |
hsl(222,81%,36%) |
#0f358f |
rgb(15,53,143) |
hsl(222,81%,31%) |
#0d2d78 |
rgb(13,45,120) |
hsl(222,81%,26%) |
#0a2461 |
rgb(10,36,97) |
hsl(222,81%,21%) |
#081c4a |
rgb(8,28,74) |
hsl(222,81%,16%) |
#051333 |
rgb(5,19,51) |
hsl(222,81%,11%) |
#030a1c |
rgb(3,10,28) |
hsl(222,81%,6%) |
#000205 |
rgb(0,2,5) |
hsl(222,81%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33E6E9 |
rgb(51,230,233) |
hsl(181,81%,56%) |
#336BE9 |
rgb(51,107,233) |
hsl(222,81%,56%) |
#7433E9 |
rgb(116,51,233) |
hsl(261,81%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A6F1 |
rgb(133,166,241) |
hsl(222,79%,73%) |
#5C8AED |
rgb(92,138,237) |
hsl(221,80%,65%) |
#336BE9 |
rgb(51,107,233) |
hsl(222,81%,56%) |
#1752D7 |
rgb(23,82,215) |
hsl(222,81%,47%) |
#1242AE |
rgb(18,66,174) |
hsl(222,81%,38%) |
#0E3385 |
rgb(14,51,133) |
hsl(221,81%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BE9 |
rgb(51,107,233) |
hsl(222,81%,56%) |
#E95733 |
rgb(233,87,51) |
hsl(12,81%,56%) |
#C6E833 |
rgb(198,232,51) |
hsl(71,80%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BE9 |
rgb(51,107,233) |
hsl(222,81%,56%) |
#E9B033 |
rgb(233,176,51) |
hsl(41,81%,56%) |
#33C7E9 |
rgb(51,199,233) |
hsl(191,81%,56%) |
#C6E833 |
rgb(198,232,51) |
hsl(71,80%,55%) |