HEX #3368D1 color — Mariner
The color #3368d1 is a dark shade and moderately saturated.
Palette
3368d1 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(220,63%,96%) |
#dae3f7 |
rgb(218,227,247) |
hsl(220,63%,91%) |
#c5d4f2 |
rgb(197,212,242) |
hsl(220,63%,86%) |
#b0c4ed |
rgb(176,196,237) |
hsl(220,63%,81%) |
#9bb5e8 |
rgb(155,181,232) |
hsl(220,63%,76%) |
#86a6e4 |
rgb(134,166,228) |
hsl(220,63%,71%) |
#7296df |
rgb(114,150,223) |
hsl(220,63%,66%) |
#5d87da |
rgb(93,135,218) |
hsl(220,63%,61%) |
#4877d5 |
rgb(72,119,213) |
hsl(220,63%,56%) |
#3368d1 |
rgb(51,104,209) |
hsl(220,63%,51%) |
#2b5dbf |
rgb(43,93,191) |
hsl(220,63%,46%) |
#2753aa |
rgb(39,83,170) |
hsl(220,63%,41%) |
#224996 |
rgb(34,73,150) |
hsl(220,63%,36%) |
#1d3e81 |
rgb(29,62,129) |
hsl(220,63%,31%) |
#19346c |
rgb(25,52,108) |
hsl(220,63%,26%) |
#142a57 |
rgb(20,42,87) |
hsl(220,63%,21%) |
#0f2043 |
rgb(15,32,67) |
hsl(220,63%,16%) |
#0a162e |
rgb(10,22,46) |
hsl(220,63%,11%) |
#060c19 |
rgb(6,12,25) |
hsl(220,63%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D1D0 |
rgb(51,209,208) |
hsl(180,63%,51%) |
#3368D1 |
rgb(51,104,209) |
hsl(220,63%,51%) |
#6733D1 |
rgb(103,51,209) |
hsl(260,63%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7699E0 |
rgb(118,153,224) |
hsl(220,63%,67%) |
#5482D8 |
rgb(84,130,216) |
hsl(219,63%,59%) |
#3368D1 |
rgb(51,104,209) |
hsl(220,63%,51%) |
#2857B2 |
rgb(40,87,178) |
hsl(220,63%,43%) |
#204590 |
rgb(32,69,144) |
hsl(220,64%,35%) |
#18366E |
rgb(24,54,110) |
hsl(219,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3368D1 |
rgb(51,104,209) |
hsl(220,63%,51%) |
#D14D33 |
rgb(209,77,51) |
hsl(10,63%,51%) |
#B7D133 |
rgb(183,209,51) |
hsl(70,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3368D1 |
rgb(51,104,209) |
hsl(220,63%,51%) |
#D19C33 |
rgb(209,156,51) |
hsl(40,63%,51%) |
#33B8D1 |
rgb(51,184,209) |
hsl(189,63%,51%) |
#B7D133 |
rgb(183,209,51) |
hsl(70,63%,51%) |