HEX #3366D4 color — Mariner
The color #3366D4 is a dark shade and moderately saturated.
Palette
3366D4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(221,65%,97%) |
#dde6f8 |
rgb(221,230,248) |
hsl(221,65%,92%) |
#c8d6f3 |
rgb(200,214,243) |
hsl(221,65%,87%) |
#b3c6ef |
rgb(179,198,239) |
hsl(221,65%,82%) |
#9eb6ea |
rgb(158,182,234) |
hsl(221,65%,77%) |
#89a7e6 |
rgb(137,167,230) |
hsl(221,65%,72%) |
#7497e2 |
rgb(116,151,226) |
hsl(221,65%,67%) |
#5f87dd |
rgb(95,135,221) |
hsl(221,65%,62%) |
#4a77d9 |
rgb(74,119,217) |
hsl(221,65%,57%) |
#3567d4 |
rgb(53,103,212) |
hsl(221,65%,52%) |
#2a5bc6 |
rgb(42,91,198) |
hsl(221,65%,47%) |
#2552b1 |
rgb(37,82,177) |
hsl(221,65%,42%) |
#21489c |
rgb(33,72,156) |
hsl(221,65%,37%) |
#1d3e87 |
rgb(29,62,135) |
hsl(221,65%,32%) |
#183472 |
rgb(24,52,114) |
hsl(221,65%,27%) |
#142b5d |
rgb(20,43,93) |
hsl(221,65%,22%) |
#0f2148 |
rgb(15,33,72) |
hsl(221,65%,17%) |
#0b1732 |
rgb(11,23,50) |
hsl(221,65%,12%) |
#060e1d |
rgb(6,14,29) |
hsl(221,65%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D1D4 |
rgb(51,209,212) |
hsl(181,65%,52%) |
#3366D4 |
rgb(51,102,212) |
hsl(221,65%,52%) |
#6B33D4 |
rgb(107,51,212) |
hsl(261,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7899E2 |
rgb(120,153,226) |
hsl(221,65%,68%) |
#5580DB |
rgb(85,128,219) |
hsl(221,65%,60%) |
#3366D4 |
rgb(51,102,212) |
hsl(221,65%,52%) |
#2654B6 |
rgb(38,84,182) |
hsl(221,65%,43%) |
#1F4593 |
rgb(31,69,147) |
hsl(220,65%,35%) |
#173370 |
rgb(23,51,112) |
hsl(221,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3366D4 |
rgb(51,102,212) |
hsl(221,65%,52%) |
#D45233 |
rgb(212,82,51) |
hsl(12,65%,52%) |
#B6D433 |
rgb(182,212,51) |
hsl(71,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3366D4 |
rgb(51,102,212) |
hsl(221,65%,52%) |
#D4A133 |
rgb(212,161,51) |
hsl(41,65%,52%) |
#33B8D4 |
rgb(51,184,212) |
hsl(190,65%,52%) |
#B6D433 |
rgb(182,212,51) |
hsl(71,65%,52%) |