HEX #307AC6 color — Mariner

The color #307AC6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

307AC6 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(210,61%,98%)
#e2edf8 rgb(226,237,248) hsl(210,61%,93%)
#cee0f3 rgb(206,224,243) hsl(210,61%,88%)
#b9d4ee rgb(185,212,238) hsl(210,61%,83%)
#a5c7e9 rgb(165,199,233) hsl(210,61%,78%)
#90bae4 rgb(144,186,228) hsl(210,61%,73%)
#7caddf rgb(124,173,223) hsl(210,61%,68%)
#67a1da rgb(103,161,218) hsl(210,61%,63%)
#5394d5 rgb(83,148,213) hsl(210,61%,58%)
#3e87d0 rgb(62,135,208) hsl(210,61%,53%)
#307ac5 rgb(48,122,197) hsl(210,61%,48%)
#2b6eb1 rgb(43,110,177) hsl(210,61%,43%)
#26619c rgb(38,97,156) hsl(210,61%,38%)
#215487 rgb(33,84,135) hsl(210,61%,33%)
#1c4773 rgb(28,71,115) hsl(210,61%,28%)
#173b5e rgb(23,59,94) hsl(210,61%,23%)
#122e4a rgb(18,46,74) hsl(210,61%,18%)
#0d2135 rgb(13,33,53) hsl(210,61%,13%)
#081421 rgb(8,20,33) hsl(210,61%,8%)
#03080c rgb(3,8,12) hsl(210,61%,3%)

Adjacent colors

HEX RGB HSL
#30C7AE rgb(48,199,174) hsl(170,61%,48%)
#307AC6 rgb(48,122,198) hsl(210,61%,48%)
#4A30C6 rgb(74,48,198) hsl(250,61%,48%)

Monochromatic colors

HEX RGB HSL
#69A1DA rgb(105,161,218) hsl(210,60%,63%)
#4A8FD3 rgb(74,143,211) hsl(210,61%,56%)
#307AC6 rgb(48,122,198) hsl(210,61%,48%)
#2866A6 rgb(40,102,166) hsl(210,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
#307AC6 rgb(48,122,198) hsl(210,61%,48%)
#C63030 rgb(198,48,48) hsl(360,61%,48%)
#C5C730 rgb(197,199,48) hsl(61,61%,48%)

Tetrad color palettes

HEX RGB HSL
#307AC6 rgb(48,122,198) hsl(210,61%,48%)
#C67D30 rgb(198,125,48) hsl(31,61%,48%)
#30C4C6 rgb(48,196,198) hsl(181,61%,48%)
#C5C730 rgb(197,199,48) hsl(61,61%,48%)