HEX #336BCF color — Mariner
The color #336BCF is a dark shade and moderately saturated.
Palette
336BCF color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(218,62%,96%) |
#dae4f6 |
rgb(218,228,246) |
hsl(218,62%,91%) |
#c5d5f1 |
rgb(197,213,241) |
hsl(218,62%,86%) |
#b1c7ed |
rgb(177,199,237) |
hsl(218,62%,81%) |
#9cb8e8 |
rgb(156,184,232) |
hsl(218,62%,76%) |
#87a9e3 |
rgb(135,169,227) |
hsl(218,62%,71%) |
#739ade |
rgb(115,154,222) |
hsl(218,62%,66%) |
#5e8bd9 |
rgb(94,139,217) |
hsl(218,62%,61%) |
#497cd4 |
rgb(73,124,212) |
hsl(218,62%,56%) |
#356dd0 |
rgb(53,109,208) |
hsl(218,62%,51%) |
#2d62be |
rgb(45,98,190) |
hsl(218,62%,46%) |
#2857a9 |
rgb(40,87,169) |
hsl(218,62%,41%) |
#234d95 |
rgb(35,77,149) |
hsl(218,62%,36%) |
#1e4280 |
rgb(30,66,128) |
hsl(218,62%,31%) |
#19376b |
rgb(25,55,107) |
hsl(218,62%,26%) |
#142d57 |
rgb(20,45,87) |
hsl(218,62%,21%) |
#102242 |
rgb(16,34,66) |
hsl(218,62%,16%) |
#0b172d |
rgb(11,23,45) |
hsl(218,62%,11%) |
#060d19 |
rgb(6,13,25) |
hsl(218,62%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,62%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33CFCB |
rgb(51,207,203) |
hsl(178,62%,51%) |
#336BCF |
rgb(51,107,207) |
hsl(218,62%,51%) |
#6333CF |
rgb(99,51,207) |
hsl(258,62%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#759CDE |
rgb(117,156,222) |
hsl(218,61%,66%) |
#5482D6 |
rgb(84,130,214) |
hsl(219,61%,58%) |
#336BCF |
rgb(51,107,207) |
hsl(218,62%,51%) |
#2959AF |
rgb(41,89,175) |
hsl(219,62%,42%) |
#21478E |
rgb(33,71,142) |
hsl(219,62%,34%) |
#19386C |
rgb(25,56,108) |
hsl(218,62%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BCF |
rgb(51,107,207) |
hsl(218,62%,51%) |
#CF4A33 |
rgb(207,74,51) |
hsl(9,62%,51%) |
#B9CF33 |
rgb(185,207,51) |
hsl(68,62%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BCF |
rgb(51,107,207) |
hsl(218,62%,51%) |
#CF9633 |
rgb(207,150,51) |
hsl(38,62%,51%) |
#33BACF |
rgb(51,186,207) |
hsl(188,62%,51%) |
#B9CF33 |
rgb(185,207,51) |
hsl(68,62%,51%) |