HEX #306BC6 color — Mariner
The color #306BC6 is a dark shade and moderately saturated.
Palette
306BC6 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 |
#30C7BD |
rgb(48,199,189) |
hsl(176,61%,48%) |
#306BC6 |
rgb(48,107,198) |
hsl(216,61%,48%) |
#5930C6 |
rgb(89,48,198) |
hsl(256,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6996DA |
rgb(105,150,218) |
hsl(216,60%,63%) |
#4A80D3 |
rgb(74,128,211) |
hsl(216,61%,56%) |
#306BC6 |
rgb(48,107,198) |
hsl(216,61%,48%) |
#2859A6 |
rgb(40,89,166) |
hsl(217,61%,40%) |
#204A86 |
rgb(32,74,134) |
hsl(215,61%,33%) |
#183866 |
rgb(24,56,102) |
hsl(215,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BC6 |
rgb(48,107,198) |
hsl(216,61%,48%) |
#C64030 |
rgb(198,64,48) |
hsl(6,61%,48%) |
#B6C730 |
rgb(182,199,48) |
hsl(67,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BC6 |
rgb(48,107,198) |
hsl(216,61%,48%) |
#C68C30 |
rgb(198,140,48) |
hsl(37,61%,48%) |
#30B5C6 |
rgb(48,181,198) |
hsl(187,61%,48%) |
#B6C730 |
rgb(182,199,48) |
hsl(67,61%,48%) |