HEX #307DC4 color — Mariner
The color #307DC4 is a dark shade and moderately saturated.
Palette
307DC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(209,61%,98%) |
#e2eef8 |
rgb(226,238,248) |
hsl(209,61%,93%) |
#cee1f3 |
rgb(206,225,243) |
hsl(209,61%,88%) |
#b9d5ee |
rgb(185,213,238) |
hsl(209,61%,83%) |
#a5c8e9 |
rgb(165,200,233) |
hsl(209,61%,78%) |
#90bce4 |
rgb(144,188,228) |
hsl(209,61%,73%) |
#7cafdf |
rgb(124,175,223) |
hsl(209,61%,68%) |
#67a3da |
rgb(103,163,218) |
hsl(209,61%,63%) |
#5396d5 |
rgb(83,150,213) |
hsl(209,61%,58%) |
#3e8ad0 |
rgb(62,138,208) |
hsl(209,61%,53%) |
#307dc5 |
rgb(48,125,197) |
hsl(209,61%,48%) |
#2b70b1 |
rgb(43,112,177) |
hsl(209,61%,43%) |
#26639c |
rgb(38,99,156) |
hsl(209,61%,38%) |
#215687 |
rgb(33,86,135) |
hsl(209,61%,33%) |
#1c4973 |
rgb(28,73,115) |
hsl(209,61%,28%) |
#173c5e |
rgb(23,60,94) |
hsl(209,61%,23%) |
#122f4a |
rgb(18,47,74) |
hsl(209,61%,18%) |
#0d2235 |
rgb(13,34,53) |
hsl(209,61%,13%) |
#081521 |
rgb(8,21,33) |
hsl(209,61%,8%) |
#03080c |
rgb(3,8,12) |
hsl(209,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C4A8 |
rgb(48,196,168) |
hsl(169,61%,48%) |
#307DC4 |
rgb(48,125,196) |
hsl(209,61%,48%) |
#4530C4 |
rgb(69,48,196) |
hsl(249,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#68A3DA |
rgb(104,163,218) |
hsl(209,61%,63%) |
#4891D2 |
rgb(72,145,210) |
hsl(208,61%,55%) |
#307DC4 |
rgb(48,125,196) |
hsl(209,61%,48%) |
#2869A4 |
rgb(40,105,164) |
hsl(209,61%,40%) |
#205485 |
rgb(32,84,133) |
hsl(209,61%,32%) |
#184065 |
rgb(24,64,101) |
hsl(209,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DC4 |
rgb(48,125,196) |
hsl(209,61%,48%) |
#C43033 |
rgb(196,48,51) |
hsl(359,61%,48%) |
#C4C230 |
rgb(196,194,48) |
hsl(59,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DC4 |
rgb(48,125,196) |
hsl(209,61%,48%) |
#C47830 |
rgb(196,120,48) |
hsl(29,61%,48%) |
#30C4C1 |
rgb(48,196,193) |
hsl(179,61%,48%) |
#C4C230 |
rgb(196,194,48) |
hsl(59,61%,48%) |