HEX #317AD5 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

317AD5 color palette from light to dark

HEX RGB HSL
#eef4fc rgb(238,244,252) hsl(213,66%,96%)
#d9e7f7 rgb(217,231,247) hsl(213,66%,91%)
#c4d9f3 rgb(196,217,243) hsl(213,66%,86%)
#afcbef rgb(175,203,239) hsl(213,66%,81%)
#99beea rgb(153,190,234) hsl(213,66%,76%)
#84b0e6 rgb(132,176,230) hsl(213,66%,71%)
#6fa3e2 rgb(111,163,226) hsl(213,66%,66%)
#5a95dd rgb(90,149,221) hsl(213,66%,61%)
#4587d9 rgb(69,135,217) hsl(213,66%,56%)
#307ad5 rgb(48,122,213) hsl(213,66%,51%)
#286ec3 rgb(40,110,195) hsl(213,66%,46%)
#2462ae rgb(36,98,174) hsl(213,66%,41%)
#1f5698 rgb(31,86,152) hsl(213,66%,36%)
#1b4a83 rgb(27,74,131) hsl(213,66%,31%)
#173e6e rgb(23,62,110) hsl(213,66%,26%)
#123259 rgb(18,50,89) hsl(213,66%,21%)
#0e2644 rgb(14,38,68) hsl(213,66%,16%)
#0a1a2f rgb(10,26,47) hsl(213,66%,11%)
#050e19 rgb(5,14,25) hsl(213,66%,6%)
#010204 rgb(1,2,4) hsl(213,66%,1%)

Adjacent colors

HEX RGB HSL
#31D6C2 rgb(49,214,194) hsl(173,67%,52%)
#317AD5 rgb(49,122,213) hsl(213,66%,51%)
#5530D5 rgb(85,48,213) hsl(253,66%,51%)

Monochromatic colors

HEX RGB HSL
#76A6E3 rgb(118,166,227) hsl(214,66%,68%)
#5391DC rgb(83,145,220) hsl(213,66%,59%)
#317AD5 rgb(49,122,213) hsl(213,66%,51%)
#2566B6 rgb(37,102,182) hsl(213,66%,43%)
#1E5293 rgb(30,82,147) hsl(213,66%,35%)
#174071 rgb(23,64,113) hsl(213,66%,27%)

Triad color palettes

HEX RGB HSL
#317AD5 rgb(49,122,213) hsl(213,66%,51%)
#D53B31 rgb(213,59,49) hsl(4,66%,51%)
#CCD631 rgb(204,214,49) hsl(64,67%,52%)

Tetrad color palettes

HEX RGB HSL
#317AD5 rgb(49,122,213) hsl(213,66%,51%)
#D58C31 rgb(213,140,49) hsl(33,66%,51%)
#31CCD5 rgb(49,204,213) hsl(183,66%,51%)
#CCD631 rgb(204,214,49) hsl(64,67%,52%)