HEX #307AD6 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

307AD6 color palette from light to dark

HEX RGB HSL
#eef4fc rgb(238,244,252) hsl(213,67%,96%)
#d9e7f7 rgb(217,231,247) hsl(213,67%,91%)
#c3d9f3 rgb(195,217,243) hsl(213,67%,86%)
#aecbef rgb(174,203,239) hsl(213,67%,81%)
#99beeb rgb(153,190,235) hsl(213,67%,76%)
#84b0e7 rgb(132,176,231) hsl(213,67%,71%)
#6ea2e2 rgb(110,162,226) hsl(213,67%,66%)
#5995de rgb(89,149,222) hsl(213,67%,61%)
#4487da rgb(68,135,218) hsl(213,67%,56%)
#2e7ad6 rgb(46,122,214) hsl(213,67%,51%)
#276dc4 rgb(39,109,196) hsl(213,67%,46%)
#2362af rgb(35,98,175) hsl(213,67%,41%)
#1e5699 rgb(30,86,153) hsl(213,67%,36%)
#1a4a84 rgb(26,74,132) hsl(213,67%,31%)
#163e6f rgb(22,62,111) hsl(213,67%,26%)
#123259 rgb(18,50,89) hsl(213,67%,21%)
#0d2644 rgb(13,38,68) hsl(213,67%,16%)
#091a2f rgb(9,26,47) hsl(213,67%,11%)
#050e1a rgb(5,14,26) hsl(213,67%,6%)
#010204 rgb(1,2,4) hsl(213,67%,1%)

Adjacent colors

HEX RGB HSL
#30D6C3 rgb(48,214,195) hsl(173,67%,51%)
#307AD6 rgb(48,122,214) hsl(213,67%,51%)
#5430D6 rgb(84,48,214) hsl(253,67%,51%)

Monochromatic colors

HEX RGB HSL
#75A6E3 rgb(117,166,227) hsl(213,66%,67%)
#5291DC rgb(82,145,220) hsl(213,66%,59%)
#307AD6 rgb(48,122,214) hsl(213,67%,51%)
#2466B7 rgb(36,102,183) hsl(213,67%,43%)
#1D5294 rgb(29,82,148) hsl(213,67%,35%)
#164071 rgb(22,64,113) hsl(212,67%,26%)

Triad color palettes

HEX RGB HSL
#307AD6 rgb(48,122,214) hsl(213,67%,51%)
#D63830 rgb(214,56,48) hsl(3,67%,51%)
#CDD630 rgb(205,214,48) hsl(63,67%,51%)

Tetrad color palettes

HEX RGB HSL
#307AD6 rgb(48,122,214) hsl(213,67%,51%)
#D68C30 rgb(214,140,48) hsl(33,67%,51%)
#30CCD6 rgb(48,204,214) hsl(184,67%,51%)
#CDD630 rgb(205,214,48) hsl(63,67%,51%)