HEX #3673D2 color — Mariner

The color #3673D2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3673D2 color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(217,63%,97%)
#dee8f7 rgb(222,232,247) hsl(217,63%,92%)
#c9d9f3 rgb(201,217,243) hsl(217,63%,87%)
#b4caee rgb(180,202,238) hsl(217,63%,82%)
#9fbce9 rgb(159,188,233) hsl(217,63%,77%)
#8bade5 rgb(139,173,229) hsl(217,63%,72%)
#769ee0 rgb(118,158,224) hsl(217,63%,67%)
#6190db rgb(97,144,219) hsl(217,63%,62%)
#4c81d6 rgb(76,129,214) hsl(217,63%,57%)
#3773d2 rgb(55,115,210) hsl(217,63%,52%)
#2c66c3 rgb(44,102,195) hsl(217,63%,47%)
#285baf rgb(40,91,175) hsl(217,63%,42%)
#23509a rgb(35,80,154) hsl(217,63%,37%)
#1e4685 rgb(30,70,133) hsl(217,63%,32%)
#193b70 rgb(25,59,112) hsl(217,63%,27%)
#15305b rgb(21,48,91) hsl(217,63%,22%)
#102547 rgb(16,37,71) hsl(217,63%,17%)
#0b1a32 rgb(11,26,50) hsl(217,63%,12%)
#070f1d rgb(7,15,29) hsl(217,63%,7%)
#020408 rgb(2,4,8) hsl(217,63%,2%)

Adjacent colors

HEX RGB HSL
#36D1C9 rgb(54,209,201) hsl(177,63%,52%)
#3673D2 rgb(54,115,210) hsl(217,63%,52%)
#6136D2 rgb(97,54,210) hsl(257,63%,52%)

Monochromatic colors

HEX RGB HSL
#7BA3E1 rgb(123,163,225) hsl(216,63%,68%)
#588CD9 rgb(88,140,217) hsl(216,63%,60%)
#3673D2 rgb(54,115,210) hsl(217,63%,52%)
#285EB5 rgb(40,94,181) hsl(217,64%,43%)
#204D92 rgb(32,77,146) hsl(216,64%,35%)
#193B70 rgb(25,59,112) hsl(217,64%,27%)

Triad color palettes

HEX RGB HSL
#3673D2 rgb(54,115,210) hsl(217,63%,52%)
#D24736 rgb(210,71,54) hsl(7,63%,52%)
#C1D136 rgb(193,209,54) hsl(66,63%,52%)

Tetrad color palettes

HEX RGB HSL
#3673D2 rgb(54,115,210) hsl(217,63%,52%)
#D29436 rgb(210,148,54) hsl(36,63%,52%)
#36C2D2 rgb(54,194,210) hsl(186,63%,52%)
#C1D136 rgb(193,209,54) hsl(66,63%,52%)