HEX #3673D5 color — Mariner
The color #3673D5 is a dark shade and moderately saturated.
Palette
3673D5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(217,65%,97%) |
#dde8f8 |
rgb(221,232,248) |
hsl(217,65%,92%) |
#c8d9f3 |
rgb(200,217,243) |
hsl(217,65%,87%) |
#b3caef |
rgb(179,202,239) |
hsl(217,65%,82%) |
#9ebbea |
rgb(158,187,234) |
hsl(217,65%,77%) |
#89ade6 |
rgb(137,173,230) |
hsl(217,65%,72%) |
#749ee2 |
rgb(116,158,226) |
hsl(217,65%,67%) |
#5f8fdd |
rgb(95,143,221) |
hsl(217,65%,62%) |
#4a81d9 |
rgb(74,129,217) |
hsl(217,65%,57%) |
#3572d4 |
rgb(53,114,212) |
hsl(217,65%,52%) |
#2a66c6 |
rgb(42,102,198) |
hsl(217,65%,47%) |
#255bb1 |
rgb(37,91,177) |
hsl(217,65%,42%) |
#21509c |
rgb(33,80,156) |
hsl(217,65%,37%) |
#1d4587 |
rgb(29,69,135) |
hsl(217,65%,32%) |
#183a72 |
rgb(24,58,114) |
hsl(217,65%,27%) |
#14305d |
rgb(20,48,93) |
hsl(217,65%,22%) |
#0f2548 |
rgb(15,37,72) |
hsl(217,65%,17%) |
#0b1a32 |
rgb(11,26,50) |
hsl(217,65%,12%) |
#060f1d |
rgb(6,15,29) |
hsl(217,65%,7%) |
#020408 |
rgb(2,4,8) |
hsl(217,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D6CD |
rgb(54,214,205) |
hsl(177,66%,53%) |
#3673D5 |
rgb(54,115,213) |
hsl(217,65%,52%) |
#6336D5 |
rgb(99,54,213) |
hsl(257,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CA3E3 |
rgb(124,163,227) |
hsl(217,65%,69%) |
#598CDC |
rgb(89,140,220) |
hsl(217,65%,61%) |
#3673D5 |
rgb(54,115,213) |
hsl(217,65%,52%) |
#265EB9 |
rgb(38,94,185) |
hsl(217,66%,44%) |
#1F4D96 |
rgb(31,77,150) |
hsl(217,66%,35%) |
#183B72 |
rgb(24,59,114) |
hsl(217,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3673D5 |
rgb(54,115,213) |
hsl(217,65%,52%) |
#D54736 |
rgb(213,71,54) |
hsl(6,65%,52%) |
#C2D636 |
rgb(194,214,54) |
hsl(68,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3673D5 |
rgb(54,115,213) |
hsl(217,65%,52%) |
#D59936 |
rgb(213,153,54) |
hsl(37,65%,52%) |
#36C2D5 |
rgb(54,194,213) |
hsl(187,65%,52%) |
#C2D636 |
rgb(194,214,54) |
hsl(68,66%,53%) |