HEX #306BDA color — Mariner
The color #306BDA is a dark shade and moderately saturated.
Palette
306BDA color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,70%,97%) |
#dce6f9 |
rgb(220,230,249) |
hsl(219,70%,92%) |
#c7d7f5 |
rgb(199,215,245) |
hsl(219,70%,87%) |
#b1c7f1 |
rgb(177,199,241) |
hsl(219,70%,82%) |
#9bb8ed |
rgb(155,184,237) |
hsl(219,70%,77%) |
#86a9ea |
rgb(134,169,234) |
hsl(219,70%,72%) |
#7099e6 |
rgb(112,153,230) |
hsl(219,70%,67%) |
#5a8ae2 |
rgb(90,138,226) |
hsl(219,70%,62%) |
#457ade |
rgb(69,122,222) |
hsl(219,70%,57%) |
#2f6bda |
rgb(47,107,218) |
hsl(219,70%,52%) |
#245fcc |
rgb(36,95,204) |
hsl(219,70%,47%) |
#2055b6 |
rgb(32,85,182) |
hsl(219,70%,42%) |
#1c4ba0 |
rgb(28,75,160) |
hsl(219,70%,37%) |
#18408b |
rgb(24,64,139) |
hsl(219,70%,32%) |
#153675 |
rgb(21,54,117) |
hsl(219,70%,27%) |
#112c5f |
rgb(17,44,95) |
hsl(219,70%,22%) |
#0d224a |
rgb(13,34,74) |
hsl(219,70%,17%) |
#091834 |
rgb(9,24,52) |
hsl(219,70%,12%) |
#050e1e |
rgb(5,14,30) |
hsl(219,70%,7%) |
#020409 |
rgb(2,4,9) |
hsl(219,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D9D7 |
rgb(48,217,215) |
hsl(179,69%,52%) |
#306BDA |
rgb(48,107,218) |
hsl(219,70%,52%) |
#6630DA |
rgb(102,48,218) |
hsl(259,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#789EE6 |
rgb(120,158,230) |
hsl(219,69%,69%) |
#5485E0 |
rgb(84,133,224) |
hsl(219,69%,60%) |
#306BDA |
rgb(48,107,218) |
hsl(219,70%,52%) |
#2157BD |
rgb(33,87,189) |
hsl(219,70%,44%) |
#1B4799 |
rgb(27,71,153) |
hsl(219,70%,35%) |
#143675 |
rgb(20,54,117) |
hsl(219,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BDA |
rgb(48,107,218) |
hsl(219,70%,52%) |
#DA4A30 |
rgb(218,74,48) |
hsl(9,70%,52%) |
#C0D930 |
rgb(192,217,48) |
hsl(69,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BDA |
rgb(48,107,218) |
hsl(219,70%,52%) |
#DA9E30 |
rgb(218,158,48) |
hsl(39,70%,52%) |
#30BFDA |
rgb(48,191,218) |
hsl(190,70%,52%) |
#C0D930 |
rgb(192,217,48) |
hsl(69,69%,52%) |