HEX #336EE5 color — Royal Blue
The color #336EE5 is a dark shade and moderately saturated.
Palette
336EE5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8effc |
rgb(232,239,252) |
hsl(220,77%,95%) |
| #d2dff9 |
rgb(210,223,249) |
hsl(220,77%,90%) |
| #bbcff6 |
rgb(187,207,246) |
hsl(220,77%,85%) |
| #a5bff3 |
rgb(165,191,243) |
hsl(220,77%,80%) |
| #8eaff0 |
rgb(142,175,240) |
hsl(220,77%,75%) |
| #789fed |
rgb(120,159,237) |
hsl(220,77%,70%) |
| #618fea |
rgb(97,143,234) |
hsl(220,77%,65%) |
| #4a7fe8 |
rgb(74,127,232) |
hsl(220,77%,60%) |
| #346fe5 |
rgb(52,111,229) |
hsl(220,77%,55%) |
| #1d5fe2 |
rgb(29,95,226) |
hsl(220,77%,50%) |
| #1a55cb |
rgb(26,85,203) |
hsl(220,77%,45%) |
| #174cb5 |
rgb(23,76,181) |
hsl(220,77%,40%) |
| #15429e |
rgb(21,66,158) |
hsl(220,77%,35%) |
| #123987 |
rgb(18,57,135) |
hsl(220,77%,30%) |
| #0f2f71 |
rgb(15,47,113) |
hsl(220,77%,25%) |
| #0c265a |
rgb(12,38,90) |
hsl(220,77%,20%) |
| #091c44 |
rgb(9,28,68) |
hsl(220,77%,15%) |
| #06132d |
rgb(6,19,45) |
hsl(220,77%,10%) |
| #030917 |
rgb(3,9,23) |
hsl(220,77%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33E6E5 |
rgb(51,230,229) |
hsl(180,78%,55%) |
| #336EE5 |
rgb(51,110,229) |
hsl(220,77%,55%) |
| #6E33E5 |
rgb(110,51,229) |
hsl(260,77%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #82A6EF |
rgb(130,166,239) |
hsl(220,77%,72%) |
| #5A8AEA |
rgb(90,138,234) |
hsl(220,77%,64%) |
| #336EE5 |
rgb(51,110,229) |
hsl(220,77%,55%) |
| #1A57D0 |
rgb(26,87,208) |
hsl(220,78%,46%) |
| #1547A8 |
rgb(21,71,168) |
hsl(220,78%,37%) |
| #103681 |
rgb(16,54,129) |
hsl(220,78%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336EE5 |
rgb(51,110,229) |
hsl(220,77%,55%) |
| #E55233 |
rgb(229,82,51) |
hsl(10,77%,55%) |
| #C7E633 |
rgb(199,230,51) |
hsl(70,78%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336EE5 |
rgb(51,110,229) |
hsl(220,77%,55%) |
| #E5AB33 |
rgb(229,171,51) |
hsl(40,77%,55%) |
| #33C7E5 |
rgb(51,199,229) |
hsl(190,77%,55%) |
| #C7E633 |
rgb(199,230,51) |
hsl(70,78%,55%) |
