HEX #317AC2 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

317AC2 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
#31C2A9 rgb(49,194,169) hsl(170,60%,48%)
#317AC2 rgb(49,122,194) hsl(210,60%,48%)
#4830C2 rgb(72,48,194) hsl(250,60%,47%)

Monochromatic colors

HEX RGB HSL
#67A1D8 rgb(103,161,216) hsl(209,59%,63%)
#488CD1 rgb(72,140,209) hsl(210,60%,55%)
#317AC2 rgb(49,122,194) hsl(210,60%,48%)
#2966A2 rgb(41,102,162) hsl(210,60%,40%)
#215483 rgb(33,84,131) hsl(209,60%,32%)
#194064 rgb(25,64,100) hsl(209,60%,25%)

Triad color palettes

HEX RGB HSL
#317AC2 rgb(49,122,194) hsl(210,60%,48%)
#C23031 rgb(194,48,49) hsl(360,60%,47%)
#C2C231 rgb(194,194,49) hsl(60,60%,48%)

Tetrad color palettes

HEX RGB HSL
#317AC2 rgb(49,122,194) hsl(210,60%,48%)
#C27831 rgb(194,120,49) hsl(29,60%,48%)
#31C2C1 rgb(49,194,193) hsl(180,60%,48%)
#C2C231 rgb(194,194,49) hsl(60,60%,48%)