HEX #306EC5 color — Mariner
The color #306ec5 is a dark shade and moderately saturated.
Palette
306ec5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,61%,98%) |
#e2ebf8 |
rgb(226,235,248) |
hsl(215,61%,93%) |
#ceddf3 |
rgb(206,221,243) |
hsl(215,61%,88%) |
#b9cfee |
rgb(185,207,238) |
hsl(215,61%,83%) |
#a5c1e9 |
rgb(165,193,233) |
hsl(215,61%,78%) |
#90b3e4 |
rgb(144,179,228) |
hsl(215,61%,73%) |
#7ca5df |
rgb(124,165,223) |
hsl(215,61%,68%) |
#6797da |
rgb(103,151,218) |
hsl(215,61%,63%) |
#5389d5 |
rgb(83,137,213) |
hsl(215,61%,58%) |
#3e7bd0 |
rgb(62,123,208) |
hsl(215,61%,53%) |
#306ec5 |
rgb(48,110,197) |
hsl(215,61%,48%) |
#2b63b1 |
rgb(43,99,177) |
hsl(215,61%,43%) |
#26579c |
rgb(38,87,156) |
hsl(215,61%,38%) |
#214c87 |
rgb(33,76,135) |
hsl(215,61%,33%) |
#1c4073 |
rgb(28,64,115) |
hsl(215,61%,28%) |
#17355e |
rgb(23,53,94) |
hsl(215,61%,23%) |
#12294a |
rgb(18,41,74) |
hsl(215,61%,18%) |
#0d1e35 |
rgb(13,30,53) |
hsl(215,61%,13%) |
#081221 |
rgb(8,18,33) |
hsl(215,61%,8%) |
#03070c |
rgb(3,7,12) |
hsl(215,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C4B8 |
rgb(48,196,184) |
hsl(175,61%,48%) |
#306EC5 |
rgb(48,110,197) |
hsl(215,61%,48%) |
#5530C5 |
rgb(85,48,197) |
hsl(255,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6899DA |
rgb(104,153,218) |
hsl(214,61%,63%) |
#4982D2 |
rgb(73,130,210) |
hsl(215,60%,55%) |
#306EC5 |
rgb(48,110,197) |
hsl(215,61%,48%) |
#285CA5 |
rgb(40,92,165) |
hsl(215,61%,40%) |
#204A85 |
rgb(32,74,133) |
hsl(215,61%,32%) |
#183866 |
rgb(24,56,102) |
hsl(215,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EC5 |
rgb(48,110,197) |
hsl(215,61%,48%) |
#C53D30 |
rgb(197,61,48) |
hsl(5,61%,48%) |
#B8C430 |
rgb(184,196,48) |
hsl(65,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EC5 |
rgb(48,110,197) |
hsl(215,61%,48%) |
#C58730 |
rgb(197,135,48) |
hsl(35,61%,48%) |
#30B8C5 |
rgb(48,184,197) |
hsl(185,61%,48%) |
#B8C430 |
rgb(184,196,48) |
hsl(65,61%,48%) |