HEX #307AD5 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

307ad5 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
#30D6C2 rgb(48,214,194) hsl(173,67%,51%)
#307AD5 rgb(48,122,213) hsl(213,66%,51%)
#5430D5 rgb(84,48,213) hsl(253,66%,51%)

Monochromatic colors

HEX RGB HSL
#75A6E3 rgb(117,166,227) hsl(213,66%,67%)
#5291DC rgb(82,145,220) hsl(213,66%,59%)
#307AD5 rgb(48,122,213) hsl(213,66%,51%)
#2466B6 rgb(36,102,182) hsl(213,67%,43%)
#1D5293 rgb(29,82,147) hsl(213,67%,35%)
#164070 rgb(22,64,112) hsl(212,67%,26%)

Triad color palettes

HEX RGB HSL
#307AD5 rgb(48,122,213) hsl(213,66%,51%)
#D53830 rgb(213,56,48) hsl(3,66%,51%)
#CCD630 rgb(204,214,48) hsl(64,67%,51%)

Tetrad color palettes

HEX RGB HSL
#307AD5 rgb(48,122,213) hsl(213,66%,51%)
#D58C30 rgb(213,140,48) hsl(33,66%,51%)
#30CCD5 rgb(48,204,213) hsl(183,66%,51%)
#CCD630 rgb(204,214,48) hsl(64,67%,51%)