HEX #307ADA color — Mariner
The color #307ADA is a dark shade and moderately saturated.
Palette
307ADA color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(214,70%,97%) |
#dce9f9 |
rgb(220,233,249) |
hsl(214,70%,92%) |
#c7dbf5 |
rgb(199,219,245) |
hsl(214,70%,87%) |
#b1cdf1 |
rgb(177,205,241) |
hsl(214,70%,82%) |
#9bbfed |
rgb(155,191,237) |
hsl(214,70%,77%) |
#86b1ea |
rgb(134,177,234) |
hsl(214,70%,72%) |
#70a3e6 |
rgb(112,163,230) |
hsl(214,70%,67%) |
#5a95e2 |
rgb(90,149,226) |
hsl(214,70%,62%) |
#4587de |
rgb(69,135,222) |
hsl(214,70%,57%) |
#2f79da |
rgb(47,121,218) |
hsl(214,70%,52%) |
#246dcc |
rgb(36,109,204) |
hsl(214,70%,47%) |
#2061b6 |
rgb(32,97,182) |
hsl(214,70%,42%) |
#1c56a0 |
rgb(28,86,160) |
hsl(214,70%,37%) |
#184a8b |
rgb(24,74,139) |
hsl(214,70%,32%) |
#153e75 |
rgb(21,62,117) |
hsl(214,70%,27%) |
#11335f |
rgb(17,51,95) |
hsl(214,70%,22%) |
#0d274a |
rgb(13,39,74) |
hsl(214,70%,17%) |
#091c34 |
rgb(9,28,52) |
hsl(214,70%,12%) |
#05101e |
rgb(5,16,30) |
hsl(214,70%,7%) |
#020509 |
rgb(2,5,9) |
hsl(214,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D9C8 |
rgb(48,217,200) |
hsl(174,69%,52%) |
#307ADA |
rgb(48,122,218) |
hsl(214,70%,52%) |
#5730DA |
rgb(87,48,218) |
hsl(254,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78A8E6 |
rgb(120,168,230) |
hsl(214,69%,69%) |
#5491E0 |
rgb(84,145,224) |
hsl(214,69%,60%) |
#307ADA |
rgb(48,122,218) |
hsl(214,70%,52%) |
#2166BD |
rgb(33,102,189) |
hsl(213,70%,44%) |
#1B5299 |
rgb(27,82,153) |
hsl(214,70%,35%) |
#144075 |
rgb(20,64,117) |
hsl(213,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307ADA |
rgb(48,122,218) |
hsl(214,70%,52%) |
#DA3B30 |
rgb(218,59,48) |
hsl(4,70%,52%) |
#CFD930 |
rgb(207,217,48) |
hsl(64,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307ADA |
rgb(48,122,218) |
hsl(214,70%,52%) |
#DA8F30 |
rgb(218,143,48) |
hsl(34,70%,52%) |
#30CFDA |
rgb(48,207,218) |
hsl(184,70%,52%) |
#CFD930 |
rgb(207,217,48) |
hsl(64,69%,52%) |