HEX #307DD4 color — Mariner
The color #307DD4 is a dark shade and moderately saturated.
Palette
307DD4 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fc |
rgb(238,244,252) |
hsl(212,66%,96%) |
#d9e7f7 |
rgb(217,231,247) |
hsl(212,66%,91%) |
#c4daf3 |
rgb(196,218,243) |
hsl(212,66%,86%) |
#afccef |
rgb(175,204,239) |
hsl(212,66%,81%) |
#99bfea |
rgb(153,191,234) |
hsl(212,66%,76%) |
#84b2e6 |
rgb(132,178,230) |
hsl(212,66%,71%) |
#6fa4e2 |
rgb(111,164,226) |
hsl(212,66%,66%) |
#5a97dd |
rgb(90,151,221) |
hsl(212,66%,61%) |
#458ad9 |
rgb(69,138,217) |
hsl(212,66%,56%) |
#307dd5 |
rgb(48,125,213) |
hsl(212,66%,51%) |
#2870c3 |
rgb(40,112,195) |
hsl(212,66%,46%) |
#2464ae |
rgb(36,100,174) |
hsl(212,66%,41%) |
#1f5898 |
rgb(31,88,152) |
hsl(212,66%,36%) |
#1b4c83 |
rgb(27,76,131) |
hsl(212,66%,31%) |
#173f6e |
rgb(23,63,110) |
hsl(212,66%,26%) |
#123359 |
rgb(18,51,89) |
hsl(212,66%,21%) |
#0e2744 |
rgb(14,39,68) |
hsl(212,66%,16%) |
#0a1b2f |
rgb(10,27,47) |
hsl(212,66%,11%) |
#050f19 |
rgb(5,15,25) |
hsl(212,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(212,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D4BD |
rgb(48,212,189) |
hsl(172,66%,51%) |
#307DD4 |
rgb(48,125,212) |
hsl(212,66%,51%) |
#5030D4 |
rgb(80,48,212) |
hsl(252,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74A8E2 |
rgb(116,168,226) |
hsl(212,65%,67%) |
#5294DB |
rgb(82,148,219) |
hsl(211,66%,59%) |
#307DD4 |
rgb(48,125,212) |
hsl(212,66%,51%) |
#2569B4 |
rgb(37,105,180) |
hsl(211,66%,43%) |
#1E5492 |
rgb(30,84,146) |
hsl(212,66%,35%) |
#17406F |
rgb(23,64,111) |
hsl(212,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DD4 |
rgb(48,125,212) |
hsl(212,66%,51%) |
#D43630 |
rgb(212,54,48) |
hsl(2,66%,51%) |
#CFD430 |
rgb(207,212,48) |
hsl(62,66%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DD4 |
rgb(48,125,212) |
hsl(212,66%,51%) |
#D48730 |
rgb(212,135,48) |
hsl(32,66%,51%) |
#30CFD4 |
rgb(48,207,212) |
hsl(182,66%,51%) |
#CFD430 |
rgb(207,212,48) |
hsl(62,66%,51%) |