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