HEX #357AD4 color — Mariner
The color #357ad4 is a dark shade and moderately saturated.
Palette
357ad4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(214,65%,97%) |
#dde9f8 |
rgb(221,233,248) |
hsl(214,65%,92%) |
#c8dbf3 |
rgb(200,219,243) |
hsl(214,65%,87%) |
#b3cdef |
rgb(179,205,239) |
hsl(214,65%,82%) |
#9ebfea |
rgb(158,191,234) |
hsl(214,65%,77%) |
#89b1e6 |
rgb(137,177,230) |
hsl(214,65%,72%) |
#74a4e2 |
rgb(116,164,226) |
hsl(214,65%,67%) |
#5f96dd |
rgb(95,150,221) |
hsl(214,65%,62%) |
#4a88d9 |
rgb(74,136,217) |
hsl(214,65%,57%) |
#357ad4 |
rgb(53,122,212) |
hsl(214,65%,52%) |
#2a6dc6 |
rgb(42,109,198) |
hsl(214,65%,47%) |
#2562b1 |
rgb(37,98,177) |
hsl(214,65%,42%) |
#21569c |
rgb(33,86,156) |
hsl(214,65%,37%) |
#1d4b87 |
rgb(29,75,135) |
hsl(214,65%,32%) |
#183f72 |
rgb(24,63,114) |
hsl(214,65%,27%) |
#14335d |
rgb(20,51,93) |
hsl(214,65%,22%) |
#0f2848 |
rgb(15,40,72) |
hsl(214,65%,17%) |
#0b1c32 |
rgb(11,28,50) |
hsl(214,65%,12%) |
#06101d |
rgb(6,16,29) |
hsl(214,65%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D4C4 |
rgb(53,212,196) |
hsl(174,65%,52%) |
#357AD4 |
rgb(53,122,212) |
hsl(214,65%,52%) |
#5A36D4 |
rgb(90,54,212) |
hsl(254,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7AA8E2 |
rgb(122,168,226) |
hsl(213,64%,68%) |
#5791DB |
rgb(87,145,219) |
hsl(214,65%,60%) |
#357AD4 |
rgb(53,122,212) |
hsl(214,65%,52%) |
#2766B7 |
rgb(39,102,183) |
hsl(214,65%,44%) |
#1F5294 |
rgb(31,82,148) |
hsl(214,65%,35%) |
#184071 |
rgb(24,64,113) |
hsl(213,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#357AD4 |
rgb(53,122,212) |
hsl(214,65%,52%) |
#D44035 |
rgb(212,64,53) |
hsl(4,65%,52%) |
#C9D435 |
rgb(201,212,53) |
hsl(64,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#357AD4 |
rgb(53,122,212) |
hsl(214,65%,52%) |
#D48F35 |
rgb(212,143,53) |
hsl(34,65%,52%) |
#35C9D4 |
rgb(53,201,212) |
hsl(184,65%,52%) |
#C9D435 |
rgb(201,212,53) |
hsl(64,65%,52%) |