HEX #357AD1 color — Mariner
The color #357AD1 is a dark shade and moderately saturated.
Palette
357AD1 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fb |
rgb(238,244,251) |
hsl(213,63%,96%) |
#dae7f7 |
rgb(218,231,247) |
hsl(213,63%,91%) |
#c5d9f2 |
rgb(197,217,242) |
hsl(213,63%,86%) |
#b0cbed |
rgb(176,203,237) |
hsl(213,63%,81%) |
#9bbee8 |
rgb(155,190,232) |
hsl(213,63%,76%) |
#86b0e4 |
rgb(134,176,228) |
hsl(213,63%,71%) |
#72a3df |
rgb(114,163,223) |
hsl(213,63%,66%) |
#5d95da |
rgb(93,149,218) |
hsl(213,63%,61%) |
#4888d5 |
rgb(72,136,213) |
hsl(213,63%,56%) |
#337ad1 |
rgb(51,122,209) |
hsl(213,63%,51%) |
#2b6ebf |
rgb(43,110,191) |
hsl(213,63%,46%) |
#2762aa |
rgb(39,98,170) |
hsl(213,63%,41%) |
#225696 |
rgb(34,86,150) |
hsl(213,63%,36%) |
#1d4a81 |
rgb(29,74,129) |
hsl(213,63%,31%) |
#193e6c |
rgb(25,62,108) |
hsl(213,63%,26%) |
#143257 |
rgb(20,50,87) |
hsl(213,63%,21%) |
#0f2643 |
rgb(15,38,67) |
hsl(213,63%,16%) |
#0a1a2e |
rgb(10,26,46) |
hsl(213,63%,11%) |
#060e19 |
rgb(6,14,25) |
hsl(213,63%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D1C0 |
rgb(53,209,192) |
hsl(173,63%,51%) |
#357AD1 |
rgb(53,122,209) |
hsl(213,63%,51%) |
#5836D1 |
rgb(88,54,209) |
hsl(253,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#79A6E0 |
rgb(121,166,224) |
hsl(214,62%,68%) |
#5791D8 |
rgb(87,145,216) |
hsl(213,62%,59%) |
#357AD1 |
rgb(53,122,209) |
hsl(213,63%,51%) |
#2866B3 |
rgb(40,102,179) |
hsl(213,63%,43%) |
#215291 |
rgb(33,82,145) |
hsl(214,63%,35%) |
#19406E |
rgb(25,64,110) |
hsl(212,63%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#357AD1 |
rgb(53,122,209) |
hsl(213,63%,51%) |
#D13D35 |
rgb(209,61,53) |
hsl(3,63%,51%) |
#C8D135 |
rgb(200,209,53) |
hsl(63,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#357AD1 |
rgb(53,122,209) |
hsl(213,63%,51%) |
#D18C35 |
rgb(209,140,53) |
hsl(33,63%,51%) |
#35C7D1 |
rgb(53,199,209) |
hsl(184,63%,51%) |
#C8D135 |
rgb(200,209,53) |
hsl(63,63%,51%) |