HEX #307AD4 color — Mariner

The color #307AD4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

307AD4 color palette from light to dark

HEX RGB HSL
#eef4fc rgb(238,244,252) hsl(213,66%,96%)
#d9e7f7 rgb(217,231,247) hsl(213,66%,91%)
#c4d9f3 rgb(196,217,243) hsl(213,66%,86%)
#afcbef rgb(175,203,239) hsl(213,66%,81%)
#99beea rgb(153,190,234) hsl(213,66%,76%)
#84b0e6 rgb(132,176,230) hsl(213,66%,71%)
#6fa3e2 rgb(111,163,226) hsl(213,66%,66%)
#5a95dd rgb(90,149,221) hsl(213,66%,61%)
#4587d9 rgb(69,135,217) hsl(213,66%,56%)
#307ad5 rgb(48,122,213) hsl(213,66%,51%)
#286ec3 rgb(40,110,195) hsl(213,66%,46%)
#2462ae rgb(36,98,174) hsl(213,66%,41%)
#1f5698 rgb(31,86,152) hsl(213,66%,36%)
#1b4a83 rgb(27,74,131) hsl(213,66%,31%)
#173e6e rgb(23,62,110) hsl(213,66%,26%)
#123259 rgb(18,50,89) hsl(213,66%,21%)
#0e2644 rgb(14,38,68) hsl(213,66%,16%)
#0a1a2f rgb(10,26,47) hsl(213,66%,11%)
#050e19 rgb(5,14,25) hsl(213,66%,6%)
#010204 rgb(1,2,4) hsl(213,66%,1%)

Adjacent colors

HEX RGB HSL
#30D4C0 rgb(48,212,192) hsl(173,66%,51%)
#307AD4 rgb(48,122,212) hsl(213,66%,51%)
#5330D4 rgb(83,48,212) hsl(253,66%,51%)

Monochromatic colors

HEX RGB HSL
#74A6E2 rgb(116,166,226) hsl(213,65%,67%)
#5291DB rgb(82,145,219) hsl(212,66%,59%)
#307AD4 rgb(48,122,212) hsl(213,66%,51%)
#2566B4 rgb(37,102,180) hsl(213,66%,43%)
#1E5292 rgb(30,82,146) hsl(213,66%,35%)
#17406F rgb(23,64,111) hsl(212,66%,26%)

Triad color palettes

HEX RGB HSL
#307AD4 rgb(48,122,212) hsl(213,66%,51%)
#D43830 rgb(212,56,48) hsl(3,66%,51%)
#CCD430 rgb(204,212,48) hsl(63,66%,51%)

Tetrad color palettes

HEX RGB HSL
#307AD4 rgb(48,122,212) hsl(213,66%,51%)
#D48A30 rgb(212,138,48) hsl(33,66%,51%)
#30CCD4 rgb(48,204,212) hsl(183,66%,51%)
#CCD430 rgb(204,212,48) hsl(63,66%,51%)