HEX #336BD2 color — Mariner
The color #336BD2 is a dark shade and moderately saturated.
Palette
336BD2 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(219,64%,96%) |
#d9e4f7 |
rgb(217,228,247) |
hsl(219,64%,91%) |
#c4d4f2 |
rgb(196,212,242) |
hsl(219,64%,86%) |
#b0c5ee |
rgb(176,197,238) |
hsl(219,64%,81%) |
#9bb6e9 |
rgb(155,182,233) |
hsl(219,64%,76%) |
#86a7e4 |
rgb(134,167,228) |
hsl(219,64%,71%) |
#7198e0 |
rgb(113,152,224) |
hsl(219,64%,66%) |
#5c88db |
rgb(92,136,219) |
hsl(219,64%,61%) |
#4779d7 |
rgb(71,121,215) |
hsl(219,64%,56%) |
#326ad2 |
rgb(50,106,210) |
hsl(219,64%,51%) |
#2a5fc0 |
rgb(42,95,192) |
hsl(219,64%,46%) |
#2654ab |
rgb(38,84,171) |
hsl(219,64%,41%) |
#214a97 |
rgb(33,74,151) |
hsl(219,64%,36%) |
#1c4082 |
rgb(28,64,130) |
hsl(219,64%,31%) |
#18366d |
rgb(24,54,109) |
hsl(219,64%,26%) |
#132b58 |
rgb(19,43,88) |
hsl(219,64%,21%) |
#0f2143 |
rgb(15,33,67) |
hsl(219,64%,16%) |
#0a172e |
rgb(10,23,46) |
hsl(219,64%,11%) |
#060c19 |
rgb(6,12,25) |
hsl(219,64%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,64%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D1CF |
rgb(51,209,207) |
hsl(179,63%,51%) |
#336BD2 |
rgb(51,107,210) |
hsl(219,64%,51%) |
#6533D2 |
rgb(101,51,210) |
hsl(259,64%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#779CE1 |
rgb(119,156,225) |
hsl(219,64%,67%) |
#5585D9 |
rgb(85,133,217) |
hsl(218,63%,59%) |
#336BD2 |
rgb(51,107,210) |
hsl(219,64%,51%) |
#2759B3 |
rgb(39,89,179) |
hsl(219,64%,43%) |
#204791 |
rgb(32,71,145) |
hsl(219,64%,35%) |
#18386F |
rgb(24,56,111) |
hsl(218,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BD2 |
rgb(51,107,210) |
hsl(219,64%,51%) |
#D24A33 |
rgb(210,74,51) |
hsl(9,64%,51%) |
#BAD133 |
rgb(186,209,51) |
hsl(69,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BD2 |
rgb(51,107,210) |
hsl(219,64%,51%) |
#D29933 |
rgb(210,153,51) |
hsl(38,64%,51%) |
#33BAD2 |
rgb(51,186,210) |
hsl(189,64%,51%) |
#BAD133 |
rgb(186,209,51) |
hsl(69,63%,51%) |