HEX #307AD7 color — Mariner
The color #307AD7 is a dark shade and moderately saturated.
Palette
307AD7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(213,68%,97%) |
#dde9f8 |
rgb(221,233,248) |
hsl(213,68%,92%) |
#c7dcf4 |
rgb(199,220,244) |
hsl(213,68%,87%) |
#b2cef0 |
rgb(178,206,240) |
hsl(213,68%,82%) |
#9cc0ec |
rgb(156,192,236) |
hsl(213,68%,77%) |
#87b3e8 |
rgb(135,179,232) |
hsl(213,68%,72%) |
#72a5e4 |
rgb(114,165,228) |
hsl(213,68%,67%) |
#5c98e0 |
rgb(92,152,224) |
hsl(213,68%,62%) |
#478adc |
rgb(71,138,220) |
hsl(213,68%,57%) |
#317cd8 |
rgb(49,124,216) |
hsl(213,68%,52%) |
#2670c9 |
rgb(38,112,201) |
hsl(213,68%,47%) |
#2264b4 |
rgb(34,100,180) |
hsl(213,68%,42%) |
#1e589f |
rgb(30,88,159) |
hsl(213,68%,37%) |
#1a4c89 |
rgb(26,76,137) |
hsl(213,68%,32%) |
#164074 |
rgb(22,64,116) |
hsl(213,68%,27%) |
#12345e |
rgb(18,52,94) |
hsl(213,68%,22%) |
#0e2849 |
rgb(14,40,73) |
hsl(213,68%,17%) |
#0a1d33 |
rgb(10,29,51) |
hsl(213,68%,12%) |
#06111e |
rgb(6,17,30) |
hsl(213,68%,7%) |
#020509 |
rgb(2,5,9) |
hsl(213,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D6C4 |
rgb(48,214,196) |
hsl(173,67%,51%) |
#307AD7 |
rgb(48,122,215) |
hsl(213,68%,52%) |
#5530D7 |
rgb(85,48,215) |
hsl(253,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76A8E4 |
rgb(118,168,228) |
hsl(213,67%,68%) |
#5391DD |
rgb(83,145,221) |
hsl(213,67%,60%) |
#307AD7 |
rgb(48,122,215) |
hsl(213,68%,52%) |
#2366B9 |
rgb(35,102,185) |
hsl(213,68%,43%) |
#1C5295 |
rgb(28,82,149) |
hsl(213,68%,35%) |
#164072 |
rgb(22,64,114) |
hsl(213,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AD7 |
rgb(48,122,215) |
hsl(213,68%,52%) |
#D73B30 |
rgb(215,59,48) |
hsl(4,68%,52%) |
#CDD630 |
rgb(205,214,48) |
hsl(63,67%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AD7 |
rgb(48,122,215) |
hsl(213,68%,52%) |
#D78C30 |
rgb(215,140,48) |
hsl(33,68%,52%) |
#30CFD7 |
rgb(48,207,215) |
hsl(183,68%,52%) |
#CDD630 |
rgb(205,214,48) |
hsl(63,67%,51%) |