HEX #304AD9 color — Mariner
The color #304AD9 is a dark shade and moderately saturated.
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%) |