HEX #357AD2 color — Mariner
The color #357AD2 is a dark shade and moderately saturated.
Palette
357AD2 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 |
#35D1C1 |
rgb(53,209,193) |
hsl(174,63%,51%) |
#357AD2 |
rgb(53,122,210) |
hsl(214,64%,52%) |
#5836D2 |
rgb(88,54,210) |
hsl(253,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#79A8E1 |
rgb(121,168,225) |
hsl(213,63%,68%) |
#5791D9 |
rgb(87,145,217) |
hsl(213,63%,60%) |
#357AD2 |
rgb(53,122,210) |
hsl(214,64%,52%) |
#2866B4 |
rgb(40,102,180) |
hsl(213,64%,43%) |
#205292 |
rgb(32,82,146) |
hsl(214,64%,35%) |
#18406F |
rgb(24,64,111) |
hsl(212,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#357AD2 |
rgb(53,122,210) |
hsl(214,64%,52%) |
#D24035 |
rgb(210,64,53) |
hsl(4,64%,52%) |
#C8D135 |
rgb(200,209,53) |
hsl(63,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#357AD2 |
rgb(53,122,210) |
hsl(214,64%,52%) |
#D28C35 |
rgb(210,140,53) |
hsl(33,64%,52%) |
#35C9D2 |
rgb(53,201,210) |
hsl(183,64%,52%) |
#C8D135 |
rgb(200,209,53) |
hsl(63,63%,51%) |