HEX #306CD5 color — Mariner
The color #306cd5 is a dark shade and moderately saturated.
Palette
306cd5 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 |
#30D6D0 |
rgb(48,214,208) |
hsl(178,67%,51%) |
#306CD5 |
rgb(48,108,213) |
hsl(218,66%,51%) |
#6230D5 |
rgb(98,48,213) |
hsl(258,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#759EE3 |
rgb(117,158,227) |
hsl(218,66%,67%) |
#5285DC |
rgb(82,133,220) |
hsl(218,66%,59%) |
#306CD5 |
rgb(48,108,213) |
hsl(218,66%,51%) |
#2459B6 |
rgb(36,89,182) |
hsl(218,67%,43%) |
#1D4A93 |
rgb(29,74,147) |
hsl(217,67%,35%) |
#163870 |
rgb(22,56,112) |
hsl(217,67%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#306CD5 |
rgb(48,108,213) |
hsl(218,66%,51%) |
#D54730 |
rgb(213,71,48) |
hsl(8,66%,51%) |
#BED630 |
rgb(190,214,48) |
hsl(69,67%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306CD5 |
rgb(48,108,213) |
hsl(218,66%,51%) |
#D59930 |
rgb(213,153,48) |
hsl(38,66%,51%) |
#30BFD5 |
rgb(48,191,213) |
hsl(188,66%,51%) |
#BED630 |
rgb(190,214,48) |
hsl(69,67%,51%) |