HEX #336EE6 color — Royal Blue
The color #336EE6 is a dark shade and moderately saturated.
Palette
336EE6 color palette from light to dark
HEX |
RGB |
HSL |
#e8effc |
rgb(232,239,252) |
hsl(220,78%,95%) |
#d2dff9 |
rgb(210,223,249) |
hsl(220,78%,90%) |
#bbcff7 |
rgb(187,207,247) |
hsl(220,78%,85%) |
#a4bff4 |
rgb(164,191,244) |
hsl(220,78%,80%) |
#8eaff1 |
rgb(142,175,241) |
hsl(220,78%,75%) |
#779fee |
rgb(119,159,238) |
hsl(220,78%,70%) |
#608feb |
rgb(96,143,235) |
hsl(220,78%,65%) |
#497ee9 |
rgb(73,126,233) |
hsl(220,78%,60%) |
#336ee6 |
rgb(51,110,230) |
hsl(220,78%,55%) |
#1c5ee3 |
rgb(28,94,227) |
hsl(220,78%,50%) |
#1955cc |
rgb(25,85,204) |
hsl(220,78%,45%) |
#164bb6 |
rgb(22,75,182) |
hsl(220,78%,40%) |
#14429f |
rgb(20,66,159) |
hsl(220,78%,35%) |
#113988 |
rgb(17,57,136) |
hsl(220,78%,30%) |
#0e2f71 |
rgb(14,47,113) |
hsl(220,78%,25%) |
#0b265b |
rgb(11,38,91) |
hsl(220,78%,20%) |
#081c44 |
rgb(8,28,68) |
hsl(220,78%,15%) |
#06132d |
rgb(6,19,45) |
hsl(220,78%,10%) |
#030917 |
rgb(3,9,23) |
hsl(220,78%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#33E6E6 |
rgb(51,230,230) |
hsl(180,78%,55%) |
#336EE6 |
rgb(51,110,230) |
hsl(220,78%,55%) |
#6F33E6 |
rgb(111,51,230) |
hsl(260,78%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A6EF |
rgb(131,166,239) |
hsl(221,77%,73%) |
#5B8AEA |
rgb(91,138,234) |
hsl(220,77%,64%) |
#336EE6 |
rgb(51,110,230) |
hsl(220,78%,55%) |
#1957D2 |
rgb(25,87,210) |
hsl(220,79%,46%) |
#1445AA |
rgb(20,69,170) |
hsl(220,79%,37%) |
#0F3682 |
rgb(15,54,130) |
hsl(220,79%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#336EE6 |
rgb(51,110,230) |
hsl(220,78%,55%) |
#E65233 |
rgb(230,82,51) |
hsl(10,78%,55%) |
#C7E633 |
rgb(199,230,51) |
hsl(70,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336EE6 |
rgb(51,110,230) |
hsl(220,78%,55%) |
#E6AB33 |
rgb(230,171,51) |
hsl(40,78%,55%) |
#33C7E6 |
rgb(51,199,230) |
hsl(190,78%,55%) |
#C7E633 |
rgb(199,230,51) |
hsl(70,78%,55%) |