HEX #307DD7 color — Mariner
The color #307DD7 is a dark shade and moderately saturated.
Palette
307DD7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(212,68%,97%) |
#ddeaf8 |
rgb(221,234,248) |
hsl(212,68%,92%) |
#c7dcf4 |
rgb(199,220,244) |
hsl(212,68%,87%) |
#b2cff0 |
rgb(178,207,240) |
hsl(212,68%,82%) |
#9cc2ec |
rgb(156,194,236) |
hsl(212,68%,77%) |
#87b4e8 |
rgb(135,180,232) |
hsl(212,68%,72%) |
#72a7e4 |
rgb(114,167,228) |
hsl(212,68%,67%) |
#5c9ae0 |
rgb(92,154,224) |
hsl(212,68%,62%) |
#478cdc |
rgb(71,140,220) |
hsl(212,68%,57%) |
#317fd8 |
rgb(49,127,216) |
hsl(212,68%,52%) |
#2672c9 |
rgb(38,114,201) |
hsl(212,68%,47%) |
#2266b4 |
rgb(34,102,180) |
hsl(212,68%,42%) |
#1e5a9f |
rgb(30,90,159) |
hsl(212,68%,37%) |
#1a4e89 |
rgb(26,78,137) |
hsl(212,68%,32%) |
#164274 |
rgb(22,66,116) |
hsl(212,68%,27%) |
#12365e |
rgb(18,54,94) |
hsl(212,68%,22%) |
#0e2949 |
rgb(14,41,73) |
hsl(212,68%,17%) |
#0a1d33 |
rgb(10,29,51) |
hsl(212,68%,12%) |
#06111e |
rgb(6,17,30) |
hsl(212,68%,7%) |
#020509 |
rgb(2,5,9) |
hsl(212,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D6C1 |
rgb(48,214,193) |
hsl(172,67%,51%) |
#307DD7 |
rgb(48,125,215) |
hsl(212,68%,52%) |
#5230D7 |
rgb(82,48,215) |
hsl(252,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76A8E4 |
rgb(118,168,228) |
hsl(213,67%,68%) |
#5394DD |
rgb(83,148,221) |
hsl(212,67%,60%) |
#307DD7 |
rgb(48,125,215) |
hsl(212,68%,52%) |
#2369B9 |
rgb(35,105,185) |
hsl(212,68%,43%) |
#1C5495 |
rgb(28,84,149) |
hsl(212,68%,35%) |
#164072 |
rgb(22,64,114) |
hsl(213,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DD7 |
rgb(48,125,215) |
hsl(212,68%,52%) |
#D73630 |
rgb(215,54,48) |
hsl(2,68%,52%) |
#D0D630 |
rgb(208,214,48) |
hsl(62,67%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DD7 |
rgb(48,125,215) |
hsl(212,68%,52%) |
#D78A30 |
rgb(215,138,48) |
hsl(32,68%,52%) |
#30D1D7 |
rgb(48,209,215) |
hsl(182,68%,52%) |
#D0D630 |
rgb(208,214,48) |
hsl(62,67%,51%) |