HEX #336BD1 color — Mariner
The color #336BD1 is a dark shade and moderately saturated.
Palette
336BD1 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(219,63%,96%) |
#dae4f7 |
rgb(218,228,247) |
hsl(219,63%,91%) |
#c5d5f2 |
rgb(197,213,242) |
hsl(219,63%,86%) |
#b0c5ed |
rgb(176,197,237) |
hsl(219,63%,81%) |
#9bb6e8 |
rgb(155,182,232) |
hsl(219,63%,76%) |
#86a7e4 |
rgb(134,167,228) |
hsl(219,63%,71%) |
#7298df |
rgb(114,152,223) |
hsl(219,63%,66%) |
#5d89da |
rgb(93,137,218) |
hsl(219,63%,61%) |
#487ad5 |
rgb(72,122,213) |
hsl(219,63%,56%) |
#336ad1 |
rgb(51,106,209) |
hsl(219,63%,51%) |
#2b5fbf |
rgb(43,95,191) |
hsl(219,63%,46%) |
#2755aa |
rgb(39,85,170) |
hsl(219,63%,41%) |
#224a96 |
rgb(34,74,150) |
hsl(219,63%,36%) |
#1d4081 |
rgb(29,64,129) |
hsl(219,63%,31%) |
#19366c |
rgb(25,54,108) |
hsl(219,63%,26%) |
#142b57 |
rgb(20,43,87) |
hsl(219,63%,21%) |
#0f2143 |
rgb(15,33,67) |
hsl(219,63%,16%) |
#0a172e |
rgb(10,23,46) |
hsl(219,63%,11%) |
#060c19 |
rgb(6,12,25) |
hsl(219,63%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D1CD |
rgb(51,209,205) |
hsl(178,63%,51%) |
#336BD1 |
rgb(51,107,209) |
hsl(219,63%,51%) |
#6433D1 |
rgb(100,51,209) |
hsl(259,63%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#769CE0 |
rgb(118,156,224) |
hsl(218,63%,67%) |
#5485D8 |
rgb(84,133,216) |
hsl(218,63%,59%) |
#336BD1 |
rgb(51,107,209) |
hsl(219,63%,51%) |
#2859B2 |
rgb(40,89,178) |
hsl(219,63%,43%) |
#204790 |
rgb(32,71,144) |
hsl(219,64%,35%) |
#18386E |
rgb(24,56,110) |
hsl(218,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BD1 |
rgb(51,107,209) |
hsl(219,63%,51%) |
#D14A33 |
rgb(209,74,51) |
hsl(9,63%,51%) |
#BAD133 |
rgb(186,209,51) |
hsl(69,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BD1 |
rgb(51,107,209) |
hsl(219,63%,51%) |
#D19933 |
rgb(209,153,51) |
hsl(39,63%,51%) |
#33BAD1 |
rgb(51,186,209) |
hsl(189,63%,51%) |
#BAD133 |
rgb(186,209,51) |
hsl(69,63%,51%) |