HEX #317AC4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

317AC4 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
#31C4AC rgb(49,196,172) hsl(170,60%,48%)
#317AC4 rgb(49,122,196) hsl(210,60%,48%)
#4A30C4 rgb(74,48,196) hsl(251,61%,48%)

Monochromatic colors

HEX RGB HSL
#69A1D9 rgb(105,161,217) hsl(210,60%,63%)
#4A8FD1 rgb(74,143,209) hsl(209,59%,55%)
#317AC4 rgb(49,122,196) hsl(210,60%,48%)
#2966A4 rgb(41,102,164) hsl(210,60%,40%)
#215485 rgb(33,84,133) hsl(209,60%,33%)
#194065 rgb(25,64,101) hsl(209,60%,25%)

Triad color palettes

HEX RGB HSL
#317AC4 rgb(49,122,196) hsl(210,60%,48%)
#C43031 rgb(196,48,49) hsl(360,61%,48%)
#C3C431 rgb(195,196,49) hsl(60,60%,48%)

Tetrad color palettes

HEX RGB HSL
#317AC4 rgb(49,122,196) hsl(210,60%,48%)
#C47A31 rgb(196,122,49) hsl(30,60%,48%)
#31C4C4 rgb(49,196,196) hsl(180,60%,48%)
#C3C431 rgb(195,196,49) hsl(60,60%,48%)