HEX #3778D4 color — Mariner
The color #3778D4 is a dark shade and moderately saturated.
Palette
3778D4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(215,65%,97%) |
#dde8f8 |
rgb(221,232,248) |
hsl(215,65%,92%) |
#c8daf3 |
rgb(200,218,243) |
hsl(215,65%,87%) |
#b3ccef |
rgb(179,204,239) |
hsl(215,65%,82%) |
#9ebeea |
rgb(158,190,234) |
hsl(215,65%,77%) |
#89b0e6 |
rgb(137,176,230) |
hsl(215,65%,72%) |
#74a2e2 |
rgb(116,162,226) |
hsl(215,65%,67%) |
#5f94dd |
rgb(95,148,221) |
hsl(215,65%,62%) |
#4a85d9 |
rgb(74,133,217) |
hsl(215,65%,57%) |
#3577d4 |
rgb(53,119,212) |
hsl(215,65%,52%) |
#2a6bc6 |
rgb(42,107,198) |
hsl(215,65%,47%) |
#255fb1 |
rgb(37,95,177) |
hsl(215,65%,42%) |
#21549c |
rgb(33,84,156) |
hsl(215,65%,37%) |
#1d4987 |
rgb(29,73,135) |
hsl(215,65%,32%) |
#183d72 |
rgb(24,61,114) |
hsl(215,65%,27%) |
#14325d |
rgb(20,50,93) |
hsl(215,65%,22%) |
#0f2748 |
rgb(15,39,72) |
hsl(215,65%,17%) |
#0b1b32 |
rgb(11,27,50) |
hsl(215,65%,12%) |
#06101d |
rgb(6,16,29) |
hsl(215,65%,7%) |
#020508 |
rgb(2,5,8) |
hsl(215,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#37D4C7 |
rgb(55,212,199) |
hsl(175,65%,52%) |
#3778D4 |
rgb(55,120,212) |
hsl(215,65%,52%) |
#5E38D4 |
rgb(94,56,212) |
hsl(255,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DA8E3 |
rgb(125,168,227) |
hsl(215,65%,69%) |
#5A8FDB |
rgb(90,143,219) |
hsl(215,64%,61%) |
#3778D4 |
rgb(55,120,212) |
hsl(215,65%,52%) |
#2763B8 |
rgb(39,99,184) |
hsl(215,65%,44%) |
#205295 |
rgb(32,82,149) |
hsl(214,65%,35%) |
#183D72 |
rgb(24,61,114) |
hsl(215,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3778D4 |
rgb(55,120,212) |
hsl(215,65%,52%) |
#D44537 |
rgb(212,69,55) |
hsl(5,65%,52%) |
#C6D437 |
rgb(198,212,55) |
hsl(65,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3778D4 |
rgb(55,120,212) |
hsl(215,65%,52%) |
#D49437 |
rgb(212,148,55) |
hsl(36,65%,52%) |
#37C7D4 |
rgb(55,199,212) |
hsl(185,65%,52%) |
#C6D437 |
rgb(198,212,55) |
hsl(65,65%,52%) |