HEX #3384E1 color — Royal Blue
The color #3384e1 is a dark shade and moderately saturated.
Palette
3384e1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,74%,99%) |
#e4effb |
rgb(228,239,251) |
hsl(212,74%,94%) |
#cee2f8 |
rgb(206,226,248) |
hsl(212,74%,89%) |
#b8d4f4 |
rgb(184,212,244) |
hsl(212,74%,84%) |
#a2c7f1 |
rgb(162,199,241) |
hsl(212,74%,79%) |
#8cb9ee |
rgb(140,185,238) |
hsl(212,74%,74%) |
#75acea |
rgb(117,172,234) |
hsl(212,74%,69%) |
#5f9fe7 |
rgb(95,159,231) |
hsl(212,74%,64%) |
#4991e4 |
rgb(73,145,228) |
hsl(212,74%,59%) |
#3384e1 |
rgb(51,132,225) |
hsl(212,74%,54%) |
#2077d9 |
rgb(32,119,217) |
hsl(212,74%,49%) |
#1d6bc3 |
rgb(29,107,195) |
hsl(212,74%,44%) |
#1a5fad |
rgb(26,95,173) |
hsl(212,74%,39%) |
#175297 |
rgb(23,82,151) |
hsl(212,74%,34%) |
#134681 |
rgb(19,70,129) |
hsl(212,74%,29%) |
#103a6a |
rgb(16,58,106) |
hsl(212,74%,24%) |
#0d2e54 |
rgb(13,46,84) |
hsl(212,74%,19%) |
#09223e |
rgb(9,34,62) |
hsl(212,74%,14%) |
#061628 |
rgb(6,22,40) |
hsl(212,74%,9%) |
#030a12 |
rgb(3,10,18) |
hsl(212,74%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33E0CA |
rgb(51,224,202) |
hsl(172,74%,54%) |
#3384E1 |
rgb(51,132,225) |
hsl(212,74%,54%) |
#5633E1 |
rgb(86,51,225) |
hsl(252,74%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80B3EC |
rgb(128,179,236) |
hsl(212,74%,71%) |
#599CE6 |
rgb(89,156,230) |
hsl(211,74%,63%) |
#3384E1 |
rgb(51,132,225) |
hsl(212,74%,54%) |
#1D6ECA |
rgb(29,110,202) |
hsl(212,75%,45%) |
#1859A3 |
rgb(24,89,163) |
hsl(212,74%,37%) |
#12457D |
rgb(18,69,125) |
hsl(211,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3384E1 |
rgb(51,132,225) |
hsl(212,74%,54%) |
#E13833 |
rgb(225,56,51) |
hsl(2,74%,54%) |
#DBE033 |
rgb(219,224,51) |
hsl(62,74%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3384E1 |
rgb(51,132,225) |
hsl(212,74%,54%) |
#E18F33 |
rgb(225,143,51) |
hsl(32,74%,54%) |
#33DBE1 |
rgb(51,219,225) |
hsl(182,74%,54%) |
#DBE033 |
rgb(219,224,51) |
hsl(62,74%,54%) |