HEX #306BD4 color — Mariner
The color #306BD4 is a dark shade and moderately saturated.
Palette
306BD4 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(218,66%,96%) |
#d9e4f7 |
rgb(217,228,247) |
hsl(218,66%,91%) |
#c4d5f3 |
rgb(196,213,243) |
hsl(218,66%,86%) |
#afc6ef |
rgb(175,198,239) |
hsl(218,66%,81%) |
#99b7ea |
rgb(153,183,234) |
hsl(218,66%,76%) |
#84a8e6 |
rgb(132,168,230) |
hsl(218,66%,71%) |
#6f99e2 |
rgb(111,153,226) |
hsl(218,66%,66%) |
#5a8add |
rgb(90,138,221) |
hsl(218,66%,61%) |
#457bd9 |
rgb(69,123,217) |
hsl(218,66%,56%) |
#306cd5 |
rgb(48,108,213) |
hsl(218,66%,51%) |
#2861c3 |
rgb(40,97,195) |
hsl(218,66%,46%) |
#2456ae |
rgb(36,86,174) |
hsl(218,66%,41%) |
#1f4c98 |
rgb(31,76,152) |
hsl(218,66%,36%) |
#1b4183 |
rgb(27,65,131) |
hsl(218,66%,31%) |
#17376e |
rgb(23,55,110) |
hsl(218,66%,26%) |
#122c59 |
rgb(18,44,89) |
hsl(218,66%,21%) |
#0e2244 |
rgb(14,34,68) |
hsl(218,66%,16%) |
#0a172f |
rgb(10,23,47) |
hsl(218,66%,11%) |
#050d19 |
rgb(5,13,25) |
hsl(218,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D4CF |
rgb(48,212,207) |
hsl(178,66%,51%) |
#306BD4 |
rgb(48,107,212) |
hsl(218,66%,51%) |
#6230D4 |
rgb(98,48,212) |
hsl(258,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#749CE2 |
rgb(116,156,226) |
hsl(218,65%,67%) |
#5285DB |
rgb(82,133,219) |
hsl(218,66%,59%) |
#306BD4 |
rgb(48,107,212) |
hsl(218,66%,51%) |
#2559B4 |
rgb(37,89,180) |
hsl(218,66%,43%) |
#1E4792 |
rgb(30,71,146) |
hsl(219,66%,35%) |
#17386F |
rgb(23,56,111) |
hsl(218,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BD4 |
rgb(48,107,212) |
hsl(218,66%,51%) |
#D44730 |
rgb(212,71,48) |
hsl(8,66%,51%) |
#BDD430 |
rgb(189,212,48) |
hsl(68,66%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BD4 |
rgb(48,107,212) |
hsl(218,66%,51%) |
#D49930 |
rgb(212,153,48) |
hsl(38,66%,51%) |
#30BDD4 |
rgb(48,189,212) |
hsl(188,66%,51%) |
#BDD430 |
rgb(189,212,48) |
hsl(68,66%,51%) |