HEX #306EDA color — Mariner
The color #306EDA is a dark shade and moderately saturated.
Palette
306EDA color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(218,70%,97%) |
#dce7f9 |
rgb(220,231,249) |
hsl(218,70%,92%) |
#c7d8f5 |
rgb(199,216,245) |
hsl(218,70%,87%) |
#b1c9f1 |
rgb(177,201,241) |
hsl(218,70%,82%) |
#9bb9ed |
rgb(155,185,237) |
hsl(218,70%,77%) |
#86aaea |
rgb(134,170,234) |
hsl(218,70%,72%) |
#709be6 |
rgb(112,155,230) |
hsl(218,70%,67%) |
#5a8ce2 |
rgb(90,140,226) |
hsl(218,70%,62%) |
#457dde |
rgb(69,125,222) |
hsl(218,70%,57%) |
#2f6eda |
rgb(47,110,218) |
hsl(218,70%,52%) |
#2461cc |
rgb(36,97,204) |
hsl(218,70%,47%) |
#2057b6 |
rgb(32,87,182) |
hsl(218,70%,42%) |
#1c4da0 |
rgb(28,77,160) |
hsl(218,70%,37%) |
#18428b |
rgb(24,66,139) |
hsl(218,70%,32%) |
#153875 |
rgb(21,56,117) |
hsl(218,70%,27%) |
#112e5f |
rgb(17,46,95) |
hsl(218,70%,22%) |
#0d234a |
rgb(13,35,74) |
hsl(218,70%,17%) |
#091934 |
rgb(9,25,52) |
hsl(218,70%,12%) |
#050f1e |
rgb(5,15,30) |
hsl(218,70%,7%) |
#020409 |
rgb(2,4,9) |
hsl(218,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D9D4 |
rgb(48,217,212) |
hsl(178,69%,52%) |
#306EDA |
rgb(48,110,218) |
hsl(218,70%,52%) |
#6330DA |
rgb(99,48,218) |
hsl(258,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78A1E6 |
rgb(120,161,230) |
hsl(218,69%,69%) |
#5487E0 |
rgb(84,135,224) |
hsl(218,69%,60%) |
#306EDA |
rgb(48,110,218) |
hsl(218,70%,52%) |
#215CBD |
rgb(33,92,189) |
hsl(217,70%,44%) |
#1B4A99 |
rgb(27,74,153) |
hsl(218,70%,35%) |
#143875 |
rgb(20,56,117) |
hsl(218,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EDA |
rgb(48,110,218) |
hsl(218,70%,52%) |
#DA4730 |
rgb(218,71,48) |
hsl(8,70%,52%) |
#C3D930 |
rgb(195,217,48) |
hsl(68,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EDA |
rgb(48,110,218) |
hsl(218,70%,52%) |
#DA9C30 |
rgb(218,156,48) |
hsl(38,70%,52%) |
#30C2DA |
rgb(48,194,218) |
hsl(188,70%,52%) |
#C3D930 |
rgb(195,217,48) |
hsl(68,69%,52%) |