HEX #3675D5 color — Mariner
The color #3675D5 is a dark shade and moderately saturated.
Palette
3675D5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(216,65%,97%) |
#dde8f8 |
rgb(221,232,248) |
hsl(216,65%,92%) |
#c8daf3 |
rgb(200,218,243) |
hsl(216,65%,87%) |
#b3cbef |
rgb(179,203,239) |
hsl(216,65%,82%) |
#9ebdea |
rgb(158,189,234) |
hsl(216,65%,77%) |
#89aee6 |
rgb(137,174,230) |
hsl(216,65%,72%) |
#74a0e2 |
rgb(116,160,226) |
hsl(216,65%,67%) |
#5f92dd |
rgb(95,146,221) |
hsl(216,65%,62%) |
#4a83d9 |
rgb(74,131,217) |
hsl(216,65%,57%) |
#3575d4 |
rgb(53,117,212) |
hsl(216,65%,52%) |
#2a68c6 |
rgb(42,104,198) |
hsl(216,65%,47%) |
#255db1 |
rgb(37,93,177) |
hsl(216,65%,42%) |
#21529c |
rgb(33,82,156) |
hsl(216,65%,37%) |
#1d4787 |
rgb(29,71,135) |
hsl(216,65%,32%) |
#183c72 |
rgb(24,60,114) |
hsl(216,65%,27%) |
#14315d |
rgb(20,49,93) |
hsl(216,65%,22%) |
#0f2648 |
rgb(15,38,72) |
hsl(216,65%,17%) |
#0b1b32 |
rgb(11,27,50) |
hsl(216,65%,12%) |
#06101d |
rgb(6,16,29) |
hsl(216,65%,7%) |
#020408 |
rgb(2,4,8) |
hsl(216,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D6CB |
rgb(54,214,203) |
hsl(176,66%,53%) |
#3675D5 |
rgb(54,117,213) |
hsl(216,65%,52%) |
#6136D5 |
rgb(97,54,213) |
hsl(256,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CA6E3 |
rgb(124,166,227) |
hsl(216,65%,69%) |
#598CDC |
rgb(89,140,220) |
hsl(217,65%,61%) |
#3675D5 |
rgb(54,117,213) |
hsl(216,65%,52%) |
#2661B9 |
rgb(38,97,185) |
hsl(216,66%,44%) |
#1F4F96 |
rgb(31,79,150) |
hsl(216,66%,35%) |
#183D72 |
rgb(24,61,114) |
hsl(215,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3675D5 |
rgb(54,117,213) |
hsl(216,65%,52%) |
#D54736 |
rgb(213,71,54) |
hsl(6,65%,52%) |
#C4D636 |
rgb(196,214,54) |
hsl(67,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3675D5 |
rgb(54,117,213) |
hsl(216,65%,52%) |
#D59636 |
rgb(213,150,54) |
hsl(36,65%,52%) |
#36C4D5 |
rgb(54,196,213) |
hsl(186,65%,52%) |
#C4D636 |
rgb(196,214,54) |
hsl(67,66%,53%) |