HEX #336EE2 color — Royal Blue
The color #336EE2 is a dark shade and moderately saturated.
Palette
336EE2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,75%,99%) |
#e4ecfb |
rgb(228,236,251) |
hsl(220,75%,94%) |
#cedcf8 |
rgb(206,220,248) |
hsl(220,75%,89%) |
#b8ccf5 |
rgb(184,204,245) |
hsl(220,75%,84%) |
#a1bcf2 |
rgb(161,188,242) |
hsl(220,75%,79%) |
#8bacee |
rgb(139,172,238) |
hsl(220,75%,74%) |
#759ceb |
rgb(117,156,235) |
hsl(220,75%,69%) |
#5e8ce8 |
rgb(94,140,232) |
hsl(220,75%,64%) |
#487ce5 |
rgb(72,124,229) |
hsl(220,75%,59%) |
#326ce2 |
rgb(50,108,226) |
hsl(220,75%,54%) |
#1f5edb |
rgb(31,94,219) |
hsl(220,75%,49%) |
#1c54c4 |
rgb(28,84,196) |
hsl(220,75%,44%) |
#194bae |
rgb(25,75,174) |
hsl(220,75%,39%) |
#164198 |
rgb(22,65,152) |
hsl(220,75%,34%) |
#123781 |
rgb(18,55,129) |
hsl(220,75%,29%) |
#0f2e6b |
rgb(15,46,107) |
hsl(220,75%,24%) |
#0c2455 |
rgb(12,36,85) |
hsl(220,75%,19%) |
#091b3e |
rgb(9,27,62) |
hsl(220,75%,14%) |
#061128 |
rgb(6,17,40) |
hsl(220,75%,9%) |
#030812 |
rgb(3,8,18) |
hsl(220,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33E3E1 |
rgb(51,227,225) |
hsl(179,76%,55%) |
#336EE2 |
rgb(51,110,226) |
hsl(220,75%,54%) |
#6C33E2 |
rgb(108,51,226) |
hsl(260,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A6ED |
rgb(128,166,237) |
hsl(219,75%,72%) |
#598AE7 |
rgb(89,138,231) |
hsl(219,75%,63%) |
#336EE2 |
rgb(51,110,226) |
hsl(220,75%,54%) |
#1C57CB |
rgb(28,87,203) |
hsl(220,76%,45%) |
#1747A4 |
rgb(23,71,164) |
hsl(220,75%,37%) |
#11367E |
rgb(17,54,126) |
hsl(220,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#336EE2 |
rgb(51,110,226) |
hsl(220,75%,54%) |
#E24F33 |
rgb(226,79,51) |
hsl(10,75%,54%) |
#C5E333 |
rgb(197,227,51) |
hsl(70,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336EE2 |
rgb(51,110,226) |
hsl(220,75%,54%) |
#E2A633 |
rgb(226,166,51) |
hsl(39,75%,54%) |
#33C4E2 |
rgb(51,196,226) |
hsl(190,75%,54%) |
#C5E333 |
rgb(197,227,51) |
hsl(70,76%,55%) |