HEX #3570D2 color — Mariner
The color #3570D2 is a dark shade and moderately saturated.
Palette
3570D2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(217,64%,97%) |
#dee8f8 |
rgb(222,232,248) |
hsl(217,64%,92%) |
#c9d9f3 |
rgb(201,217,243) |
hsl(217,64%,87%) |
#b4caee |
rgb(180,202,238) |
hsl(217,64%,82%) |
#9fbcea |
rgb(159,188,234) |
hsl(217,64%,77%) |
#8aade5 |
rgb(138,173,229) |
hsl(217,64%,72%) |
#759ee1 |
rgb(117,158,225) |
hsl(217,64%,67%) |
#6090dc |
rgb(96,144,220) |
hsl(217,64%,62%) |
#4b81d8 |
rgb(75,129,216) |
hsl(217,64%,57%) |
#3672d3 |
rgb(54,114,211) |
hsl(217,64%,52%) |
#2b66c5 |
rgb(43,102,197) |
hsl(217,64%,47%) |
#275bb0 |
rgb(39,91,176) |
hsl(217,64%,42%) |
#22509b |
rgb(34,80,155) |
hsl(217,64%,37%) |
#1d4586 |
rgb(29,69,134) |
hsl(217,64%,32%) |
#193b71 |
rgb(25,59,113) |
hsl(217,64%,27%) |
#14305c |
rgb(20,48,92) |
hsl(217,64%,22%) |
#102547 |
rgb(16,37,71) |
hsl(217,64%,17%) |
#0b1a32 |
rgb(11,26,50) |
hsl(217,64%,12%) |
#060f1d |
rgb(6,15,29) |
hsl(217,64%,7%) |
#020408 |
rgb(2,4,8) |
hsl(217,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D1CB |
rgb(53,209,203) |
hsl(178,63%,51%) |
#3570D2 |
rgb(53,112,210) |
hsl(217,64%,52%) |
#6236D2 |
rgb(98,54,210) |
hsl(257,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#79A1E1 |
rgb(121,161,225) |
hsl(217,63%,68%) |
#5787D9 |
rgb(87,135,217) |
hsl(218,63%,60%) |
#3570D2 |
rgb(53,112,210) |
hsl(217,64%,52%) |
#285CB4 |
rgb(40,92,180) |
hsl(218,64%,43%) |
#204D92 |
rgb(32,77,146) |
hsl(216,64%,35%) |
#183B6F |
rgb(24,59,111) |
hsl(216,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3570D2 |
rgb(53,112,210) |
hsl(217,64%,52%) |
#D24735 |
rgb(210,71,53) |
hsl(7,64%,52%) |
#BED135 |
rgb(190,209,53) |
hsl(67,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3570D2 |
rgb(53,112,210) |
hsl(217,64%,52%) |
#D29635 |
rgb(210,150,53) |
hsl(37,64%,52%) |
#35BFD2 |
rgb(53,191,210) |
hsl(187,64%,52%) |
#BED135 |
rgb(190,209,53) |
hsl(67,63%,51%) |