HEX #3066D4 color — Mariner
The color #3066D4 is a dark shade and moderately saturated.
Palette
3066D4 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(220,66%,96%) |
#d9e3f7 |
rgb(217,227,247) |
hsl(220,66%,91%) |
#c4d3f3 |
rgb(196,211,243) |
hsl(220,66%,86%) |
#afc4ef |
rgb(175,196,239) |
hsl(220,66%,81%) |
#99b4ea |
rgb(153,180,234) |
hsl(220,66%,76%) |
#84a5e6 |
rgb(132,165,230) |
hsl(220,66%,71%) |
#6f95e2 |
rgb(111,149,226) |
hsl(220,66%,66%) |
#5a86dd |
rgb(90,134,221) |
hsl(220,66%,61%) |
#4576d9 |
rgb(69,118,217) |
hsl(220,66%,56%) |
#3067d5 |
rgb(48,103,213) |
hsl(220,66%,51%) |
#285bc3 |
rgb(40,91,195) |
hsl(220,66%,46%) |
#2452ae |
rgb(36,82,174) |
hsl(220,66%,41%) |
#1f4898 |
rgb(31,72,152) |
hsl(220,66%,36%) |
#1b3e83 |
rgb(27,62,131) |
hsl(220,66%,31%) |
#17346e |
rgb(23,52,110) |
hsl(220,66%,26%) |
#122a59 |
rgb(18,42,89) |
hsl(220,66%,21%) |
#0e2044 |
rgb(14,32,68) |
hsl(220,66%,16%) |
#0a162f |
rgb(10,22,47) |
hsl(220,66%,11%) |
#050c19 |
rgb(5,12,25) |
hsl(220,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D4D4 |
rgb(48,212,212) |
hsl(180,66%,51%) |
#3066D4 |
rgb(48,102,212) |
hsl(220,66%,51%) |
#6730D4 |
rgb(103,48,212) |
hsl(260,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7499E2 |
rgb(116,153,226) |
hsl(220,65%,67%) |
#5280DB |
rgb(82,128,219) |
hsl(220,66%,59%) |
#3066D4 |
rgb(48,102,212) |
hsl(220,66%,51%) |
#2554B4 |
rgb(37,84,180) |
hsl(220,66%,43%) |
#1E4592 |
rgb(30,69,146) |
hsl(220,66%,35%) |
#17366F |
rgb(23,54,111) |
hsl(219,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3066D4 |
rgb(48,102,212) |
hsl(220,66%,51%) |
#D44D30 |
rgb(212,77,48) |
hsl(11,66%,51%) |
#B8D430 |
rgb(184,212,48) |
hsl(70,66%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3066D4 |
rgb(48,102,212) |
hsl(220,66%,51%) |
#D49E30 |
rgb(212,158,48) |
hsl(40,66%,51%) |
#30B8D4 |
rgb(48,184,212) |
hsl(190,66%,51%) |
#B8D430 |
rgb(184,212,48) |
hsl(70,66%,51%) |