HEX #304DD7 color — Mariner

The color #304DD7 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304DD7 color palette from light to dark

HEX RGB HSL
#f2f4fd rgb(242,244,253) hsl(230,68%,97%)
#dde1f8 rgb(221,225,248) hsl(230,68%,92%)
#c7cff4 rgb(199,207,244) hsl(230,68%,87%)
#b2bcf0 rgb(178,188,240) hsl(230,68%,82%)
#9caaec rgb(156,170,236) hsl(230,68%,77%)
#8797e8 rgb(135,151,232) hsl(230,68%,72%)
#7285e4 rgb(114,133,228) hsl(230,68%,67%)
#5c72e0 rgb(92,114,224) hsl(230,68%,62%)
#4760dc rgb(71,96,220) hsl(230,68%,57%)
#314dd8 rgb(49,77,216) hsl(230,68%,52%)
#2642c9 rgb(38,66,201) hsl(230,68%,47%)
#223bb4 rgb(34,59,180) hsl(230,68%,42%)
#1e349f rgb(30,52,159) hsl(230,68%,37%)
#1a2d89 rgb(26,45,137) hsl(230,68%,32%)
#162674 rgb(22,38,116) hsl(230,68%,27%)
#121f5e rgb(18,31,94) hsl(230,68%,22%)
#0e1849 rgb(14,24,73) hsl(230,68%,17%)
#0a1133 rgb(10,17,51) hsl(230,68%,12%)
#060a1e rgb(6,10,30) hsl(230,68%,7%)
#020309 rgb(2,3,9) hsl(230,68%,2%)

Adjacent colors

HEX RGB HSL
#30BDD7 rgb(48,189,215) hsl(189,68%,52%)
#304DD7 rgb(48,77,215) hsl(230,68%,52%)
#8230D7 rgb(130,48,215) hsl(269,68%,52%)

Monochromatic colors

HEX RGB HSL
#768AE4 rgb(118,138,228) hsl(229,67%,68%)
#536BDD rgb(83,107,221) hsl(230,67%,60%)
#304DD7 rgb(48,77,215) hsl(230,68%,52%)
#233DB9 rgb(35,61,185) hsl(230,68%,43%)
#1C3395 rgb(28,51,149) hsl(229,68%,35%)
#162672 rgb(22,38,114) hsl(230,68%,27%)

Triad color palettes

HEX RGB HSL
#304DD7 rgb(48,77,215) hsl(230,68%,52%)
#D76630 rgb(215,102,48) hsl(19,68%,52%)
#A0D630 rgb(160,214,48) hsl(80,67%,51%)

Tetrad color palettes

HEX RGB HSL
#304DD7 rgb(48,77,215) hsl(230,68%,52%)
#D7BA30 rgb(215,186,48) hsl(50,68%,52%)
#30A1D7 rgb(48,161,215) hsl(199,68%,52%)
#A0D630 rgb(160,214,48) hsl(80,67%,51%)