HEX #3369E2 color — Royal Blue
The color #3369E2 is a dark shade and moderately saturated.
Palette
3369E2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(221,75%,99%) |
#e4ebfb |
rgb(228,235,251) |
hsl(221,75%,94%) |
#cedbf8 |
rgb(206,219,248) |
hsl(221,75%,89%) |
#b8cbf5 |
rgb(184,203,245) |
hsl(221,75%,84%) |
#a1bbf2 |
rgb(161,187,242) |
hsl(221,75%,79%) |
#8baaee |
rgb(139,170,238) |
hsl(221,75%,74%) |
#759aeb |
rgb(117,154,235) |
hsl(221,75%,69%) |
#5e8ae8 |
rgb(94,138,232) |
hsl(221,75%,64%) |
#487ae5 |
rgb(72,122,229) |
hsl(221,75%,59%) |
#3269e2 |
rgb(50,105,226) |
hsl(221,75%,54%) |
#1f5bdb |
rgb(31,91,219) |
hsl(221,75%,49%) |
#1c51c4 |
rgb(28,81,196) |
hsl(221,75%,44%) |
#1948ae |
rgb(25,72,174) |
hsl(221,75%,39%) |
#163f98 |
rgb(22,63,152) |
hsl(221,75%,34%) |
#123681 |
rgb(18,54,129) |
hsl(221,75%,29%) |
#0f2c6b |
rgb(15,44,107) |
hsl(221,75%,24%) |
#0c2355 |
rgb(12,35,85) |
hsl(221,75%,19%) |
#091a3e |
rgb(9,26,62) |
hsl(221,75%,14%) |
#061128 |
rgb(6,17,40) |
hsl(221,75%,9%) |
#030712 |
rgb(3,7,18) |
hsl(221,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33DEE2 |
rgb(51,222,226) |
hsl(181,75%,54%) |
#3369E2 |
rgb(51,105,226) |
hsl(221,75%,54%) |
#7133E2 |
rgb(113,51,226) |
hsl(261,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A3ED |
rgb(128,163,237) |
hsl(221,75%,72%) |
#5985E7 |
rgb(89,133,231) |
hsl(221,75%,63%) |
#3369E2 |
rgb(51,105,226) |
hsl(221,75%,54%) |
#1C54CB |
rgb(28,84,203) |
hsl(221,76%,45%) |
#1742A4 |
rgb(23,66,164) |
hsl(222,75%,37%) |
#11337E |
rgb(17,51,126) |
hsl(221,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3369E2 |
rgb(51,105,226) |
hsl(221,75%,54%) |
#E25433 |
rgb(226,84,51) |
hsl(11,75%,54%) |
#C0E333 |
rgb(192,227,51) |
hsl(72,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3369E2 |
rgb(51,105,226) |
hsl(221,75%,54%) |
#E2AB33 |
rgb(226,171,51) |
hsl(41,75%,54%) |
#33BFE2 |
rgb(51,191,226) |
hsl(192,75%,54%) |
#C0E333 |
rgb(192,227,51) |
hsl(72,76%,55%) |