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