HEX #304FD8 color — Mariner
The color #304FD8 is a dark shade and moderately saturated.
Palette
304FD8 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(229,68%,97%) |
#dde2f8 |
rgb(221,226,248) |
hsl(229,68%,92%) |
#c7d0f4 |
rgb(199,208,244) |
hsl(229,68%,87%) |
#b2bdf0 |
rgb(178,189,240) |
hsl(229,68%,82%) |
#9cabec |
rgb(156,171,236) |
hsl(229,68%,77%) |
#8799e8 |
rgb(135,153,232) |
hsl(229,68%,72%) |
#7287e4 |
rgb(114,135,228) |
hsl(229,68%,67%) |
#5c74e0 |
rgb(92,116,224) |
hsl(229,68%,62%) |
#4762dc |
rgb(71,98,220) |
hsl(229,68%,57%) |
#3150d8 |
rgb(49,80,216) |
hsl(229,68%,52%) |
#2644c9 |
rgb(38,68,201) |
hsl(229,68%,47%) |
#223db4 |
rgb(34,61,180) |
hsl(229,68%,42%) |
#1e369f |
rgb(30,54,159) |
hsl(229,68%,37%) |
#1a2e89 |
rgb(26,46,137) |
hsl(229,68%,32%) |
#162774 |
rgb(22,39,116) |
hsl(229,68%,27%) |
#12205e |
rgb(18,32,94) |
hsl(229,68%,22%) |
#0e1949 |
rgb(14,25,73) |
hsl(229,68%,17%) |
#0a1133 |
rgb(10,17,51) |
hsl(229,68%,12%) |
#060a1e |
rgb(6,10,30) |
hsl(229,68%,7%) |
#020309 |
rgb(2,3,9) |
hsl(229,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30BFD8 |
rgb(48,191,216) |
hsl(189,68%,52%) |
#304FD8 |
rgb(48,79,216) |
hsl(229,68%,52%) |
#8130D8 |
rgb(129,48,216) |
hsl(269,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#778CE5 |
rgb(119,140,229) |
hsl(229,68%,68%) |
#536EDE |
rgb(83,110,222) |
hsl(228,68%,60%) |
#304FD8 |
rgb(48,79,216) |
hsl(229,68%,52%) |
#2340BA |
rgb(35,64,186) |
hsl(228,68%,43%) |
#1C3397 |
rgb(28,51,151) |
hsl(229,69%,35%) |
#152673 |
rgb(21,38,115) |
hsl(229,69%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FD8 |
rgb(48,79,216) |
hsl(229,68%,52%) |
#D86630 |
rgb(216,102,48) |
hsl(19,68%,52%) |
#A3D930 |
rgb(163,217,48) |
hsl(79,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FD8 |
rgb(48,79,216) |
hsl(229,68%,52%) |
#D8BA30 |
rgb(216,186,48) |
hsl(49,68%,52%) |
#30A3D8 |
rgb(48,163,216) |
hsl(199,68%,52%) |
#A3D930 |
rgb(163,217,48) |
hsl(79,69%,52%) |