HEX #304AD9 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

304AD9 color palette from light to dark

HEX RGB HSL
#f2f4fd rgb(242,244,253) hsl(231,69%,97%)
#dde1f9 rgb(221,225,249) hsl(231,69%,92%)
#c7cef5 rgb(199,206,245) hsl(231,69%,87%)
#b1bbf1 rgb(177,187,241) hsl(231,69%,82%)
#9ca8ed rgb(156,168,237) hsl(231,69%,77%)
#8695e9 rgb(134,149,233) hsl(231,69%,72%)
#7182e5 rgb(113,130,229) hsl(231,69%,67%)
#5b6fe1 rgb(91,111,225) hsl(231,69%,62%)
#465cdd rgb(70,92,221) hsl(231,69%,57%)
#3049d9 rgb(48,73,217) hsl(231,69%,52%)
#253ecb rgb(37,62,203) hsl(231,69%,47%)
#2137b5 rgb(33,55,181) hsl(231,69%,42%)
#1d319f rgb(29,49,159) hsl(231,69%,37%)
#192a8a rgb(25,42,138) hsl(231,69%,32%)
#152474 rgb(21,36,116) hsl(231,69%,27%)
#111d5f rgb(17,29,95) hsl(231,69%,22%)
#0d1649 rgb(13,22,73) hsl(231,69%,17%)
#091034 rgb(9,16,52) hsl(231,69%,12%)
#06091e rgb(6,9,30) hsl(231,69%,7%)
#020309 rgb(2,3,9) hsl(231,69%,2%)

Adjacent colors

HEX RGB HSL
#30BAD9 rgb(48,186,217) hsl(191,69%,52%)
#304AD9 rgb(48,74,217) hsl(231,69%,52%)
#8630D9 rgb(134,48,217) hsl(271,69%,52%)

Monochromatic colors

HEX RGB HSL
#778AE6 rgb(119,138,230) hsl(230,69%,68%)
#5369DF rgb(83,105,223) hsl(231,69%,60%)
#304AD9 rgb(48,74,217) hsl(231,69%,52%)
#223BBC rgb(34,59,188) hsl(230,69%,44%)
#1B2E98 rgb(27,46,152) hsl(231,70%,35%)
#152474 rgb(21,36,116) hsl(231,69%,27%)

Triad color palettes

HEX RGB HSL
#304AD9 rgb(48,74,217) hsl(231,69%,52%)
#D96B30 rgb(217,107,48) hsl(21,69%,52%)
#9ED930 rgb(158,217,48) hsl(81,69%,52%)

Tetrad color palettes

HEX RGB HSL
#304AD9 rgb(48,74,217) hsl(231,69%,52%)
#D9BF30 rgb(217,191,48) hsl(51,69%,52%)
#309ED9 rgb(48,158,217) hsl(201,69%,52%)
#9ED930 rgb(158,217,48) hsl(81,69%,52%)