HEX #366BD1 color — Mariner
The color #366BD1 is a dark shade and moderately saturated.
Palette
366BD1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(219,63%,97%) |
#dee7f7 |
rgb(222,231,247) |
hsl(219,63%,92%) |
#c9d8f3 |
rgb(201,216,243) |
hsl(219,63%,87%) |
#b4c8ee |
rgb(180,200,238) |
hsl(219,63%,82%) |
#9fb9e9 |
rgb(159,185,233) |
hsl(219,63%,77%) |
#8baae5 |
rgb(139,170,229) |
hsl(219,63%,72%) |
#769be0 |
rgb(118,155,224) |
hsl(219,63%,67%) |
#618cdb |
rgb(97,140,219) |
hsl(219,63%,62%) |
#4c7dd6 |
rgb(76,125,214) |
hsl(219,63%,57%) |
#376dd2 |
rgb(55,109,210) |
hsl(219,63%,52%) |
#2c61c3 |
rgb(44,97,195) |
hsl(219,63%,47%) |
#2857af |
rgb(40,87,175) |
hsl(219,63%,42%) |
#234d9a |
rgb(35,77,154) |
hsl(219,63%,37%) |
#1e4285 |
rgb(30,66,133) |
hsl(219,63%,32%) |
#193870 |
rgb(25,56,112) |
hsl(219,63%,27%) |
#152d5b |
rgb(21,45,91) |
hsl(219,63%,22%) |
#102347 |
rgb(16,35,71) |
hsl(219,63%,17%) |
#0b1932 |
rgb(11,25,50) |
hsl(219,63%,12%) |
#070e1d |
rgb(7,14,29) |
hsl(219,63%,7%) |
#020408 |
rgb(2,4,8) |
hsl(219,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D1CF |
rgb(54,209,207) |
hsl(179,63%,52%) |
#366BD1 |
rgb(54,107,209) |
hsl(219,63%,52%) |
#6836D1 |
rgb(104,54,209) |
hsl(259,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A9EE0 |
rgb(122,158,224) |
hsl(219,62%,68%) |
#5885D8 |
rgb(88,133,216) |
hsl(219,62%,60%) |
#366BD1 |
rgb(54,107,209) |
hsl(219,63%,52%) |
#2959B3 |
rgb(41,89,179) |
hsl(219,63%,43%) |
#214791 |
rgb(33,71,145) |
hsl(220,63%,35%) |
#19366F |
rgb(25,54,111) |
hsl(220,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BD1 |
rgb(54,107,209) |
hsl(219,63%,52%) |
#D14F36 |
rgb(209,79,54) |
hsl(10,63%,52%) |
#B8D136 |
rgb(184,209,54) |
hsl(70,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BD1 |
rgb(54,107,209) |
hsl(219,63%,52%) |
#D19C36 |
rgb(209,156,54) |
hsl(39,63%,52%) |
#36B8D1 |
rgb(54,184,209) |
hsl(190,63%,52%) |
#B8D136 |
rgb(184,209,54) |
hsl(70,63%,52%) |