HEX #336BD6 color — Mariner
The color #336BD6 is a dark shade and moderately saturated.
Palette
336BD6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(219,67%,97%) |
#dde6f8 |
rgb(221,230,248) |
hsl(219,67%,92%) |
#c8d7f4 |
rgb(200,215,244) |
hsl(219,67%,87%) |
#b2c8f0 |
rgb(178,200,240) |
hsl(219,67%,82%) |
#9db9ec |
rgb(157,185,236) |
hsl(219,67%,77%) |
#88a9e7 |
rgb(136,169,231) |
hsl(219,67%,72%) |
#729ae3 |
rgb(114,154,227) |
hsl(219,67%,67%) |
#5d8bdf |
rgb(93,139,223) |
hsl(219,67%,62%) |
#487bdb |
rgb(72,123,219) |
hsl(219,67%,57%) |
#336cd7 |
rgb(51,108,215) |
hsl(219,67%,52%) |
#2860c8 |
rgb(40,96,200) |
hsl(219,67%,47%) |
#2356b3 |
rgb(35,86,179) |
hsl(219,67%,42%) |
#1f4b9e |
rgb(31,75,158) |
hsl(219,67%,37%) |
#1b4188 |
rgb(27,65,136) |
hsl(219,67%,32%) |
#173773 |
rgb(23,55,115) |
hsl(219,67%,27%) |
#132d5e |
rgb(19,45,94) |
hsl(219,67%,22%) |
#0e2348 |
rgb(14,35,72) |
hsl(219,67%,17%) |
#0a1833 |
rgb(10,24,51) |
hsl(219,67%,12%) |
#060e1e |
rgb(6,14,30) |
hsl(219,67%,7%) |
#020409 |
rgb(2,4,9) |
hsl(219,67%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D6D4 |
rgb(51,214,212) |
hsl(179,67%,52%) |
#336BD6 |
rgb(51,107,214) |
hsl(219,67%,52%) |
#6733D6 |
rgb(103,51,214) |
hsl(259,67%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#799EE4 |
rgb(121,158,228) |
hsl(219,66%,68%) |
#5685DD |
rgb(86,133,221) |
hsl(219,67%,60%) |
#336BD6 |
rgb(51,107,214) |
hsl(219,67%,52%) |
#2559B9 |
rgb(37,89,185) |
hsl(219,67%,44%) |
#1E4796 |
rgb(30,71,150) |
hsl(220,67%,35%) |
#173672 |
rgb(23,54,114) |
hsl(220,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BD6 |
rgb(51,107,214) |
hsl(219,67%,52%) |
#D64D33 |
rgb(214,77,51) |
hsl(10,67%,52%) |
#BCD633 |
rgb(188,214,51) |
hsl(70,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BD6 |
rgb(51,107,214) |
hsl(219,67%,52%) |
#D69E33 |
rgb(214,158,51) |
hsl(39,67%,52%) |
#33BDD6 |
rgb(51,189,214) |
hsl(189,67%,52%) |
#BCD633 |
rgb(188,214,51) |
hsl(70,67%,52%) |