HEX #396ED0 color — Mariner

The color #396ed0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

396ed0 color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(219,62%,97%)
#dee7f7 rgb(222,231,247) hsl(219,62%,92%)
#c9d8f2 rgb(201,216,242) hsl(219,62%,87%)
#b5c9ee rgb(181,201,238) hsl(219,62%,82%)
#a0b9e9 rgb(160,185,233) hsl(219,62%,77%)
#8baae4 rgb(139,170,228) hsl(219,62%,72%)
#779bdf rgb(119,155,223) hsl(219,62%,67%)
#628cda rgb(98,140,218) hsl(219,62%,62%)
#4d7dd5 rgb(77,125,213) hsl(219,62%,57%)
#396ed0 rgb(57,110,208) hsl(219,62%,52%)
#2e62c2 rgb(46,98,194) hsl(219,62%,47%)
#2957ae rgb(41,87,174) hsl(219,62%,42%)
#244d99 rgb(36,77,153) hsl(219,62%,37%)
#1f4284 rgb(31,66,132) hsl(219,62%,32%)
#1a3870 rgb(26,56,112) hsl(219,62%,27%)
#152e5b rgb(21,46,91) hsl(219,62%,22%)
#102346 rgb(16,35,70) hsl(219,62%,17%)
#0c1932 rgb(12,25,50) hsl(219,62%,12%)
#070f1d rgb(7,15,29) hsl(219,62%,7%)
#020408 rgb(2,4,8) hsl(219,62%,2%)

Adjacent colors

HEX RGB HSL
#39D1CD rgb(57,209,205) hsl(178,62%,52%)
#396ED0 rgb(57,110,208) hsl(219,62%,52%)
#6838D0 rgb(104,56,208) hsl(259,62%,52%)

Monochromatic colors

HEX RGB HSL
#7DA1E0 rgb(125,161,224) hsl(218,61%,68%)
#5B87D8 rgb(91,135,216) hsl(219,62%,60%)
#396ED0 rgb(57,110,208) hsl(219,62%,52%)
#2A5CB3 rgb(42,92,179) hsl(218,62%,43%)
#224A91 rgb(34,74,145) hsl(218,62%,35%)
#1A386F rgb(26,56,111) hsl(219,62%,27%)

Triad color palettes

HEX RGB HSL
#396ED0 rgb(57,110,208) hsl(219,62%,52%)
#D04F39 rgb(208,79,57) hsl(9,62%,52%)
#B9D139 rgb(185,209,57) hsl(69,62%,52%)

Tetrad color palettes

HEX RGB HSL
#396ED0 rgb(57,110,208) hsl(219,62%,52%)
#D09C39 rgb(208,156,57) hsl(39,62%,52%)
#39BAD0 rgb(57,186,208) hsl(189,62%,52%)
#B9D139 rgb(185,209,57) hsl(69,62%,52%)