HEX #3578D2 color — Mariner
The color #3578D2 is a dark shade and moderately saturated.
Palette
3578D2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(214,64%,97%) |
#dee9f8 |
rgb(222,233,248) |
hsl(214,64%,92%) |
#c9dbf3 |
rgb(201,219,243) |
hsl(214,64%,87%) |
#b4cdee |
rgb(180,205,238) |
hsl(214,64%,82%) |
#9fbfea |
rgb(159,191,234) |
hsl(214,64%,77%) |
#8ab2e5 |
rgb(138,178,229) |
hsl(214,64%,72%) |
#75a4e1 |
rgb(117,164,225) |
hsl(214,64%,67%) |
#6096dc |
rgb(96,150,220) |
hsl(214,64%,62%) |
#4b88d8 |
rgb(75,136,216) |
hsl(214,64%,57%) |
#367ad3 |
rgb(54,122,211) |
hsl(214,64%,52%) |
#2b6ec5 |
rgb(43,110,197) |
hsl(214,64%,47%) |
#2762b0 |
rgb(39,98,176) |
hsl(214,64%,42%) |
#22569b |
rgb(34,86,155) |
hsl(214,64%,37%) |
#1d4b86 |
rgb(29,75,134) |
hsl(214,64%,32%) |
#193f71 |
rgb(25,63,113) |
hsl(214,64%,27%) |
#14335c |
rgb(20,51,92) |
hsl(214,64%,22%) |
#102847 |
rgb(16,40,71) |
hsl(214,64%,17%) |
#0b1c32 |
rgb(11,28,50) |
hsl(214,64%,12%) |
#06101d |
rgb(6,16,29) |
hsl(214,64%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D1C3 |
rgb(53,209,195) |
hsl(175,63%,51%) |
#3578D2 |
rgb(53,120,210) |
hsl(214,64%,52%) |
#5A36D2 |
rgb(90,54,210) |
hsl(254,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#79A6E1 |
rgb(121,166,225) |
hsl(214,63%,68%) |
#578FD9 |
rgb(87,143,217) |
hsl(214,63%,60%) |
#3578D2 |
rgb(53,120,210) |
hsl(214,64%,52%) |
#2863B4 |
rgb(40,99,180) |
hsl(215,64%,43%) |
#205292 |
rgb(32,82,146) |
hsl(214,64%,35%) |
#183D6F |
rgb(24,61,111) |
hsl(214,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3578D2 |
rgb(53,120,210) |
hsl(214,64%,52%) |
#D24035 |
rgb(210,64,53) |
hsl(4,64%,52%) |
#C6D135 |
rgb(198,209,53) |
hsl(64,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3578D2 |
rgb(53,120,210) |
hsl(214,64%,52%) |
#D28F35 |
rgb(210,143,53) |
hsl(34,64%,52%) |
#35C7D2 |
rgb(53,199,210) |
hsl(184,64%,52%) |
#C6D135 |
rgb(198,209,53) |
hsl(64,63%,51%) |