HEX #336ED6 color — Mariner
The color #336ED6 is a dark shade and moderately saturated.
Palette
336ED6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(218,67%,97%) |
#dde7f8 |
rgb(221,231,248) |
hsl(218,67%,92%) |
#c8d8f4 |
rgb(200,216,244) |
hsl(218,67%,87%) |
#b2c9f0 |
rgb(178,201,240) |
hsl(218,67%,82%) |
#9dbaec |
rgb(157,186,236) |
hsl(218,67%,77%) |
#88abe7 |
rgb(136,171,231) |
hsl(218,67%,72%) |
#729ce3 |
rgb(114,156,227) |
hsl(218,67%,67%) |
#5d8ddf |
rgb(93,141,223) |
hsl(218,67%,62%) |
#487edb |
rgb(72,126,219) |
hsl(218,67%,57%) |
#336fd7 |
rgb(51,111,215) |
hsl(218,67%,52%) |
#2862c8 |
rgb(40,98,200) |
hsl(218,67%,47%) |
#2358b3 |
rgb(35,88,179) |
hsl(218,67%,42%) |
#1f4d9e |
rgb(31,77,158) |
hsl(218,67%,37%) |
#1b4388 |
rgb(27,67,136) |
hsl(218,67%,32%) |
#173973 |
rgb(23,57,115) |
hsl(218,67%,27%) |
#132e5e |
rgb(19,46,94) |
hsl(218,67%,22%) |
#0e2448 |
rgb(14,36,72) |
hsl(218,67%,17%) |
#0a1933 |
rgb(10,25,51) |
hsl(218,67%,12%) |
#060f1e |
rgb(6,15,30) |
hsl(218,67%,7%) |
#020409 |
rgb(2,4,9) |
hsl(218,67%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D6D1 |
rgb(51,214,209) |
hsl(178,67%,52%) |
#336ED6 |
rgb(51,110,214) |
hsl(218,67%,52%) |
#6433D6 |
rgb(100,51,214) |
hsl(258,67%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#79A1E4 |
rgb(121,161,228) |
hsl(218,66%,68%) |
#5687DD |
rgb(86,135,221) |
hsl(218,67%,60%) |
#336ED6 |
rgb(51,110,214) |
hsl(218,67%,52%) |
#255CB9 |
rgb(37,92,185) |
hsl(218,67%,44%) |
#1E4A96 |
rgb(30,74,150) |
hsl(218,67%,35%) |
#173872 |
rgb(23,56,114) |
hsl(218,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#336ED6 |
rgb(51,110,214) |
hsl(218,67%,52%) |
#D64A33 |
rgb(214,74,51) |
hsl(8,67%,52%) |
#BFD633 |
rgb(191,214,51) |
hsl(68,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336ED6 |
rgb(51,110,214) |
hsl(218,67%,52%) |
#D69C33 |
rgb(214,156,51) |
hsl(39,67%,52%) |
#33BFD6 |
rgb(51,191,214) |
hsl(188,67%,52%) |
#BFD633 |
rgb(191,214,51) |
hsl(68,67%,52%) |