HEX #317AC5 color — Mariner

The color #317AC5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

317AC5 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(210,60%,98%)
#e2edf8 rgb(226,237,248) hsl(210,60%,93%)
#cee0f3 rgb(206,224,243) hsl(210,60%,88%)
#bad4ee rgb(186,212,238) hsl(210,60%,83%)
#a5c7e9 rgb(165,199,233) hsl(210,60%,78%)
#91bae3 rgb(145,186,227) hsl(210,60%,73%)
#7cadde rgb(124,173,222) hsl(210,60%,68%)
#68a1d9 rgb(104,161,217) hsl(210,60%,63%)
#5494d4 rgb(84,148,212) hsl(210,60%,58%)
#3f87cf rgb(63,135,207) hsl(210,60%,53%)
#317ac4 rgb(49,122,196) hsl(210,60%,48%)
#2c6eaf rgb(44,110,175) hsl(210,60%,43%)
#27619b rgb(39,97,155) hsl(210,60%,38%)
#225487 rgb(34,84,135) hsl(210,60%,33%)
#1d4772 rgb(29,71,114) hsl(210,60%,28%)
#173b5e rgb(23,59,94) hsl(210,60%,23%)
#122e49 rgb(18,46,73) hsl(210,60%,18%)
#0d2135 rgb(13,33,53) hsl(210,60%,13%)
#081421 rgb(8,20,33) hsl(210,60%,8%)
#03080c rgb(3,8,12) hsl(210,60%,3%)

Adjacent colors

HEX RGB HSL
#31C4AD rgb(49,196,173) hsl(171,60%,48%)
#317AC5 rgb(49,122,197) hsl(210,60%,48%)
#4A30C5 rgb(74,48,197) hsl(250,61%,48%)

Monochromatic colors

HEX RGB HSL
#6AA1DA rgb(106,161,218) hsl(211,60%,64%)
#4B8FD2 rgb(75,143,210) hsl(210,60%,56%)
#317AC5 rgb(49,122,197) hsl(210,60%,48%)
#2966A5 rgb(41,102,165) hsl(210,60%,40%)
#215485 rgb(33,84,133) hsl(209,60%,33%)
#194066 rgb(25,64,102) hsl(210,61%,25%)

Triad color palettes

HEX RGB HSL
#317AC5 rgb(49,122,197) hsl(210,60%,48%)
#C53331 rgb(197,51,49) hsl(1,60%,48%)
#C4C431 rgb(196,196,49) hsl(60,60%,48%)

Tetrad color palettes

HEX RGB HSL
#317AC5 rgb(49,122,197) hsl(210,60%,48%)
#C57D31 rgb(197,125,49) hsl(31,60%,48%)
#31C4C5 rgb(49,196,197) hsl(180,60%,48%)
#C4C431 rgb(196,196,49) hsl(60,60%,48%)