HEX #396ED0 color — Mariner
The color #396ed0 is a dark shade and moderately saturated.
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%) |