HEX #307DC6 color — Mariner
The color #307DC6 is a dark shade and moderately saturated.
Palette
307DC6 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 |
#30C7AB |
rgb(48,199,171) |
hsl(169,61%,48%) |
#307DC6 |
rgb(48,125,198) |
hsl(209,61%,48%) |
#4730C6 |
rgb(71,48,198) |
hsl(249,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69A3DA |
rgb(105,163,218) |
hsl(209,60%,63%) |
#4A91D3 |
rgb(74,145,211) |
hsl(209,61%,56%) |
#307DC6 |
rgb(48,125,198) |
hsl(209,61%,48%) |
#2869A6 |
rgb(40,105,166) |
hsl(209,61%,40%) |
#205486 |
rgb(32,84,134) |
hsl(209,61%,33%) |
#184066 |
rgb(24,64,102) |
hsl(209,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DC6 |
rgb(48,125,198) |
hsl(209,61%,48%) |
#C63032 |
rgb(198,48,50) |
hsl(359,61%,48%) |
#C6C430 |
rgb(198,196,48) |
hsl(59,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DC6 |
rgb(48,125,198) |
hsl(209,61%,48%) |
#C67830 |
rgb(198,120,48) |
hsl(29,61%,48%) |
#30C7C4 |
rgb(48,199,196) |
hsl(179,61%,48%) |
#C6C430 |
rgb(198,196,48) |
hsl(59,61%,48%) |