HEX #357AD5 color — Mariner
The color #357AD5 is a dark shade and moderately saturated.
Palette
357AD5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(214,66%,97%) |
#dde9f8 |
rgb(221,233,248) |
hsl(214,66%,92%) |
#c8dbf4 |
rgb(200,219,244) |
hsl(214,66%,87%) |
#b3cdef |
rgb(179,205,239) |
hsl(214,66%,82%) |
#9ebfeb |
rgb(158,191,235) |
hsl(214,66%,77%) |
#88b1e7 |
rgb(136,177,231) |
hsl(214,66%,72%) |
#73a3e2 |
rgb(115,163,226) |
hsl(214,66%,67%) |
#5e96de |
rgb(94,150,222) |
hsl(214,66%,62%) |
#4988da |
rgb(73,136,218) |
hsl(214,66%,57%) |
#347ad5 |
rgb(52,122,213) |
hsl(214,66%,52%) |
#296dc7 |
rgb(41,109,199) |
hsl(214,66%,47%) |
#2462b2 |
rgb(36,98,178) |
hsl(214,66%,42%) |
#20569d |
rgb(32,86,157) |
hsl(214,66%,37%) |
#1c4a87 |
rgb(28,74,135) |
hsl(214,66%,32%) |
#173f72 |
rgb(23,63,114) |
hsl(214,66%,27%) |
#13335d |
rgb(19,51,93) |
hsl(214,66%,22%) |
#0f2848 |
rgb(15,40,72) |
hsl(214,66%,17%) |
#0a1c33 |
rgb(10,28,51) |
hsl(214,66%,12%) |
#06101e |
rgb(6,16,30) |
hsl(214,66%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,66%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D6C5 |
rgb(53,214,197) |
hsl(174,66%,52%) |
#357AD5 |
rgb(53,122,213) |
hsl(214,66%,52%) |
#5A36D5 |
rgb(90,54,213) |
hsl(254,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA8E3 |
rgb(123,168,227) |
hsl(214,65%,69%) |
#5891DC |
rgb(88,145,220) |
hsl(214,65%,60%) |
#357AD5 |
rgb(53,122,213) |
hsl(214,66%,52%) |
#2666B8 |
rgb(38,102,184) |
hsl(214,66%,44%) |
#1F5295 |
rgb(31,82,149) |
hsl(214,66%,35%) |
#174072 |
rgb(23,64,114) |
hsl(213,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#357AD5 |
rgb(53,122,213) |
hsl(214,66%,52%) |
#D54035 |
rgb(213,64,53) |
hsl(4,66%,52%) |
#CAD635 |
rgb(202,214,53) |
hsl(64,66%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#357AD5 |
rgb(53,122,213) |
hsl(214,66%,52%) |
#D58F35 |
rgb(213,143,53) |
hsl(34,66%,52%) |
#35C9D5 |
rgb(53,201,213) |
hsl(185,66%,52%) |
#CAD635 |
rgb(202,214,53) |
hsl(64,66%,52%) |