HEX #366BD3 color — Mariner
The color #366BD3 is a dark shade and moderately saturated.
Palette
366BD3 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(220,64%,97%) |
#dee6f8 |
rgb(222,230,248) |
hsl(220,64%,92%) |
#c9d7f3 |
rgb(201,215,243) |
hsl(220,64%,87%) |
#b4c7ee |
rgb(180,199,238) |
hsl(220,64%,82%) |
#9fb8ea |
rgb(159,184,234) |
hsl(220,64%,77%) |
#8aa8e5 |
rgb(138,168,229) |
hsl(220,64%,72%) |
#7599e1 |
rgb(117,153,225) |
hsl(220,64%,67%) |
#6089dc |
rgb(96,137,220) |
hsl(220,64%,62%) |
#4b7ad8 |
rgb(75,122,216) |
hsl(220,64%,57%) |
#366ad3 |
rgb(54,106,211) |
hsl(220,64%,52%) |
#2b5ec5 |
rgb(43,94,197) |
hsl(220,64%,47%) |
#2754b0 |
rgb(39,84,176) |
hsl(220,64%,42%) |
#224a9b |
rgb(34,74,155) |
hsl(220,64%,37%) |
#1d4086 |
rgb(29,64,134) |
hsl(220,64%,32%) |
#193671 |
rgb(25,54,113) |
hsl(220,64%,27%) |
#142c5c |
rgb(20,44,92) |
hsl(220,64%,22%) |
#102247 |
rgb(16,34,71) |
hsl(220,64%,17%) |
#0b1832 |
rgb(11,24,50) |
hsl(220,64%,12%) |
#060e1d |
rgb(6,14,29) |
hsl(220,64%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D4D2 |
rgb(54,212,210) |
hsl(179,65%,52%) |
#366BD3 |
rgb(54,107,211) |
hsl(220,64%,52%) |
#6936D3 |
rgb(105,54,211) |
hsl(259,64%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B9EE2 |
rgb(123,158,226) |
hsl(220,64%,68%) |
#5885DA |
rgb(88,133,218) |
hsl(219,64%,60%) |
#366BD3 |
rgb(54,107,211) |
hsl(220,64%,52%) |
#2759B6 |
rgb(39,89,182) |
hsl(219,65%,43%) |
#204793 |
rgb(32,71,147) |
hsl(220,64%,35%) |
#183671 |
rgb(24,54,113) |
hsl(220,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BD3 |
rgb(54,107,211) |
hsl(220,64%,52%) |
#D34F36 |
rgb(211,79,54) |
hsl(10,64%,52%) |
#B9D436 |
rgb(185,212,54) |
hsl(70,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BD3 |
rgb(54,107,211) |
hsl(220,64%,52%) |
#D39E36 |
rgb(211,158,54) |
hsl(40,64%,52%) |
#36BAD3 |
rgb(54,186,211) |
hsl(190,64%,52%) |
#B9D436 |
rgb(185,212,54) |
hsl(70,65%,52%) |