HEX #306BC4 color — Mariner

The color #306BC4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306BC4 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(216,61%,98%)
#e2ebf8 rgb(226,235,248) hsl(216,61%,93%)
#ceddf3 rgb(206,221,243) hsl(216,61%,88%)
#b9ceee rgb(185,206,238) hsl(216,61%,83%)
#a5c0e9 rgb(165,192,233) hsl(216,61%,78%)
#90b2e4 rgb(144,178,228) hsl(216,61%,73%)
#7ca3df rgb(124,163,223) hsl(216,61%,68%)
#6795da rgb(103,149,218) hsl(216,61%,63%)
#5387d5 rgb(83,135,213) hsl(216,61%,58%)
#3e79d0 rgb(62,121,208) hsl(216,61%,53%)
#306bc5 rgb(48,107,197) hsl(216,61%,48%)
#2b60b1 rgb(43,96,177) hsl(216,61%,43%)
#26559c rgb(38,85,156) hsl(216,61%,38%)
#214a87 rgb(33,74,135) hsl(216,61%,33%)
#1c3f73 rgb(28,63,115) hsl(216,61%,28%)
#17335e rgb(23,51,94) hsl(216,61%,23%)
#12284a rgb(18,40,74) hsl(216,61%,18%)
#0d1d35 rgb(13,29,53) hsl(216,61%,13%)
#081221 rgb(8,18,33) hsl(216,61%,8%)
#03070c rgb(3,7,12) hsl(216,61%,3%)

Adjacent colors

HEX RGB HSL
#30C4BA rgb(48,196,186) hsl(176,61%,48%)
#306BC4 rgb(48,107,196) hsl(216,61%,48%)
#5730C4 rgb(87,48,196) hsl(256,61%,48%)

Monochromatic colors

HEX RGB HSL
#6896DA rgb(104,150,218) hsl(216,61%,63%)
#4880D2 rgb(72,128,210) hsl(216,61%,55%)
#306BC4 rgb(48,107,196) hsl(216,61%,48%)
#2859A4 rgb(40,89,164) hsl(216,61%,40%)
#204A85 rgb(32,74,133) hsl(215,61%,32%)
#183865 rgb(24,56,101) hsl(215,62%,25%)

Triad color palettes

HEX RGB HSL
#306BC4 rgb(48,107,196) hsl(216,61%,48%)
#C44030 rgb(196,64,48) hsl(6,61%,48%)
#B5C430 rgb(181,196,48) hsl(66,61%,48%)

Tetrad color palettes

HEX RGB HSL
#306BC4 rgb(48,107,196) hsl(216,61%,48%)
#C48A30 rgb(196,138,48) hsl(36,61%,48%)
#30B5C4 rgb(48,181,196) hsl(186,61%,48%)
#B5C430 rgb(181,196,48) hsl(66,61%,48%)