HEX #306ED7 color — Mariner
The color #306ED7 is a dark shade and moderately saturated.
Palette
306ED7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(218,68%,97%) |
#dde7f8 |
rgb(221,231,248) |
hsl(218,68%,92%) |
#c7d8f4 |
rgb(199,216,244) |
hsl(218,68%,87%) |
#b2c9f0 |
rgb(178,201,240) |
hsl(218,68%,82%) |
#9cbaec |
rgb(156,186,236) |
hsl(218,68%,77%) |
#87abe8 |
rgb(135,171,232) |
hsl(218,68%,72%) |
#729ce4 |
rgb(114,156,228) |
hsl(218,68%,67%) |
#5c8de0 |
rgb(92,141,224) |
hsl(218,68%,62%) |
#477ddc |
rgb(71,125,220) |
hsl(218,68%,57%) |
#316ed8 |
rgb(49,110,216) |
hsl(218,68%,52%) |
#2662c9 |
rgb(38,98,201) |
hsl(218,68%,47%) |
#2258b4 |
rgb(34,88,180) |
hsl(218,68%,42%) |
#1e4d9f |
rgb(30,77,159) |
hsl(218,68%,37%) |
#1a4389 |
rgb(26,67,137) |
hsl(218,68%,32%) |
#163874 |
rgb(22,56,116) |
hsl(218,68%,27%) |
#122e5e |
rgb(18,46,94) |
hsl(218,68%,22%) |
#0e2349 |
rgb(14,35,73) |
hsl(218,68%,17%) |
#0a1933 |
rgb(10,25,51) |
hsl(218,68%,12%) |
#060f1e |
rgb(6,15,30) |
hsl(218,68%,7%) |
#020409 |
rgb(2,4,9) |
hsl(218,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D6D0 |
rgb(48,214,208) |
hsl(178,67%,51%) |
#306ED7 |
rgb(48,110,215) |
hsl(218,68%,52%) |
#6130D7 |
rgb(97,48,215) |
hsl(258,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76A1E4 |
rgb(118,161,228) |
hsl(217,67%,68%) |
#5387DD |
rgb(83,135,221) |
hsl(217,67%,60%) |
#306ED7 |
rgb(48,110,215) |
hsl(218,68%,52%) |
#235CB9 |
rgb(35,92,185) |
hsl(217,68%,43%) |
#1C4A95 |
rgb(28,74,149) |
hsl(217,68%,35%) |
#163872 |
rgb(22,56,114) |
hsl(218,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#306ED7 |
rgb(48,110,215) |
hsl(218,68%,52%) |
#D74530 |
rgb(215,69,48) |
hsl(8,68%,52%) |
#C1D630 |
rgb(193,214,48) |
hsl(68,67%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306ED7 |
rgb(48,110,215) |
hsl(218,68%,52%) |
#D79930 |
rgb(215,153,48) |
hsl(38,68%,52%) |
#30C2D7 |
rgb(48,194,215) |
hsl(188,68%,52%) |
#C1D630 |
rgb(193,214,48) |
hsl(68,67%,51%) |