HEX #307DDB color — Mariner
The color #307DDB is a dark shade and moderately saturated.
Palette
307DDB color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(213,70%,97%) |
#dce9f9 |
rgb(220,233,249) |
hsl(213,70%,92%) |
#c7dcf5 |
rgb(199,220,245) |
hsl(213,70%,87%) |
#b1cef1 |
rgb(177,206,241) |
hsl(213,70%,82%) |
#9bc0ed |
rgb(155,192,237) |
hsl(213,70%,77%) |
#86b3ea |
rgb(134,179,234) |
hsl(213,70%,72%) |
#70a5e6 |
rgb(112,165,230) |
hsl(213,70%,67%) |
#5a97e2 |
rgb(90,151,226) |
hsl(213,70%,62%) |
#458ade |
rgb(69,138,222) |
hsl(213,70%,57%) |
#2f7cda |
rgb(47,124,218) |
hsl(213,70%,52%) |
#246fcc |
rgb(36,111,204) |
hsl(213,70%,47%) |
#2064b6 |
rgb(32,100,182) |
hsl(213,70%,42%) |
#1c58a0 |
rgb(28,88,160) |
hsl(213,70%,37%) |
#184c8b |
rgb(24,76,139) |
hsl(213,70%,32%) |
#154075 |
rgb(21,64,117) |
hsl(213,70%,27%) |
#11345f |
rgb(17,52,95) |
hsl(213,70%,22%) |
#0d284a |
rgb(13,40,74) |
hsl(213,70%,17%) |
#091c34 |
rgb(9,28,52) |
hsl(213,70%,12%) |
#05111e |
rgb(5,17,30) |
hsl(213,70%,7%) |
#020509 |
rgb(2,5,9) |
hsl(213,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30DBC7 |
rgb(48,219,199) |
hsl(173,70%,52%) |
#307DDB |
rgb(48,125,219) |
hsl(213,70%,52%) |
#5530DB |
rgb(85,48,219) |
hsl(253,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78ABE7 |
rgb(120,171,231) |
hsl(212,70%,69%) |
#5494E1 |
rgb(84,148,225) |
hsl(213,70%,61%) |
#307DDB |
rgb(48,125,219) |
hsl(213,70%,52%) |
#2169BF |
rgb(33,105,191) |
hsl(213,71%,44%) |
#1A549A |
rgb(26,84,154) |
hsl(213,71%,35%) |
#144076 |
rgb(20,64,118) |
hsl(213,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DDB |
rgb(48,125,219) |
hsl(213,70%,52%) |
#DB3830 |
rgb(219,56,48) |
hsl(3,70%,52%) |
#D2DB30 |
rgb(210,219,48) |
hsl(63,70%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DDB |
rgb(48,125,219) |
hsl(213,70%,52%) |
#DB8F30 |
rgb(219,143,48) |
hsl(33,70%,52%) |
#30D4DB |
rgb(48,212,219) |
hsl(182,70%,52%) |
#D2DB30 |
rgb(210,219,48) |
hsl(63,70%,52%) |