HEX #306ED5 color — Mariner
The color #306ED5 is a dark shade and moderately saturated.
Palette
306ED5 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(217,66%,96%) |
#d9e5f7 |
rgb(217,229,247) |
hsl(217,66%,91%) |
#c4d6f3 |
rgb(196,214,243) |
hsl(217,66%,86%) |
#afc7ef |
rgb(175,199,239) |
hsl(217,66%,81%) |
#99b8ea |
rgb(153,184,234) |
hsl(217,66%,76%) |
#84aae6 |
rgb(132,170,230) |
hsl(217,66%,71%) |
#6f9be2 |
rgb(111,155,226) |
hsl(217,66%,66%) |
#5a8cdd |
rgb(90,140,221) |
hsl(217,66%,61%) |
#457ed9 |
rgb(69,126,217) |
hsl(217,66%,56%) |
#306fd5 |
rgb(48,111,213) |
hsl(217,66%,51%) |
#2863c3 |
rgb(40,99,195) |
hsl(217,66%,46%) |
#2458ae |
rgb(36,88,174) |
hsl(217,66%,41%) |
#1f4e98 |
rgb(31,78,152) |
hsl(217,66%,36%) |
#1b4383 |
rgb(27,67,131) |
hsl(217,66%,31%) |
#17386e |
rgb(23,56,110) |
hsl(217,66%,26%) |
#122d59 |
rgb(18,45,89) |
hsl(217,66%,21%) |
#0e2344 |
rgb(14,35,68) |
hsl(217,66%,16%) |
#0a182f |
rgb(10,24,47) |
hsl(217,66%,11%) |
#050d19 |
rgb(5,13,25) |
hsl(217,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D6CE |
rgb(48,214,206) |
hsl(177,67%,51%) |
#306ED5 |
rgb(48,110,213) |
hsl(217,66%,51%) |
#6030D5 |
rgb(96,48,213) |
hsl(257,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#759EE3 |
rgb(117,158,227) |
hsl(218,66%,67%) |
#5287DC |
rgb(82,135,220) |
hsl(217,66%,59%) |
#306ED5 |
rgb(48,110,213) |
hsl(217,66%,51%) |
#245CB6 |
rgb(36,92,182) |
hsl(217,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 |
#306ED5 |
rgb(48,110,213) |
hsl(217,66%,51%) |
#D54530 |
rgb(213,69,48) |
hsl(8,66%,51%) |
#C0D630 |
rgb(192,214,48) |
hsl(68,67%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306ED5 |
rgb(48,110,213) |
hsl(217,66%,51%) |
#D59630 |
rgb(213,150,48) |
hsl(37,66%,51%) |
#30BFD5 |
rgb(48,191,213) |
hsl(188,66%,51%) |
#C0D630 |
rgb(192,214,48) |
hsl(68,67%,51%) |