HEX #304DDA color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

304DDA color palette from light to dark

HEX RGB HSL
#f2f4fd rgb(242,244,253) hsl(230,70%,97%)
#dce1f9 rgb(220,225,249) hsl(230,70%,92%)
#c7cef5 rgb(199,206,245) hsl(230,70%,87%)
#b1bcf1 rgb(177,188,241) hsl(230,70%,82%)
#9ba9ed rgb(155,169,237) hsl(230,70%,77%)
#8696ea rgb(134,150,234) hsl(230,70%,72%)
#7084e6 rgb(112,132,230) hsl(230,70%,67%)
#5a71e2 rgb(90,113,226) hsl(230,70%,62%)
#455ede rgb(69,94,222) hsl(230,70%,57%)
#2f4bda rgb(47,75,218) hsl(230,70%,52%)
#2440cc rgb(36,64,204) hsl(230,70%,47%)
#2039b6 rgb(32,57,182) hsl(230,70%,42%)
#1c32a0 rgb(28,50,160) hsl(230,70%,37%)
#182c8b rgb(24,44,139) hsl(230,70%,32%)
#152575 rgb(21,37,117) hsl(230,70%,27%)
#111e5f rgb(17,30,95) hsl(230,70%,22%)
#0d174a rgb(13,23,74) hsl(230,70%,17%)
#091034 rgb(9,16,52) hsl(230,70%,12%)
#050a1e rgb(5,10,30) hsl(230,70%,7%)
#020309 rgb(2,3,9) hsl(230,70%,2%)

Adjacent colors

HEX RGB HSL
#30BFDA rgb(48,191,218) hsl(190,70%,52%)
#304DDA rgb(48,77,218) hsl(230,70%,52%)
#8430DA rgb(132,48,218) hsl(270,70%,52%)

Monochromatic colors

HEX RGB HSL
#788CE6 rgb(120,140,230) hsl(229,69%,69%)
#546BE0 rgb(84,107,224) hsl(230,69%,60%)
#304DDA rgb(48,77,218) hsl(230,70%,52%)
#213DBD rgb(33,61,189) hsl(229,70%,44%)
#1B3099 rgb(27,48,153) hsl(230,70%,35%)
#142675 rgb(20,38,117) hsl(229,71%,27%)

Triad color palettes

HEX RGB HSL
#304DDA rgb(48,77,218) hsl(230,70%,52%)
#DA6930 rgb(218,105,48) hsl(20,70%,52%)
#A2D930 rgb(162,217,48) hsl(80,69%,52%)

Tetrad color palettes

HEX RGB HSL
#304DDA rgb(48,77,218) hsl(230,70%,52%)
#DABD30 rgb(218,189,48) hsl(50,70%,52%)
#30A3DA rgb(48,163,218) hsl(199,70%,52%)
#A2D930 rgb(162,217,48) hsl(80,69%,52%)