HEX #357AD0 color — Mariner
The color #357ad0 is a dark shade and moderately saturated.
Palette
357ad0 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fb |
rgb(238,244,251) |
hsl(213,62%,96%) |
#dae7f6 |
rgb(218,231,246) |
hsl(213,62%,91%) |
#c5d9f1 |
rgb(197,217,241) |
hsl(213,62%,86%) |
#b1cced |
rgb(177,204,237) |
hsl(213,62%,81%) |
#9cbee8 |
rgb(156,190,232) |
hsl(213,62%,76%) |
#87b0e3 |
rgb(135,176,227) |
hsl(213,62%,71%) |
#73a3de |
rgb(115,163,222) |
hsl(213,62%,66%) |
#5e95d9 |
rgb(94,149,217) |
hsl(213,62%,61%) |
#4988d4 |
rgb(73,136,212) |
hsl(213,62%,56%) |
#357ad0 |
rgb(53,122,208) |
hsl(213,62%,51%) |
#2d6ebe |
rgb(45,110,190) |
hsl(213,62%,46%) |
#2862a9 |
rgb(40,98,169) |
hsl(213,62%,41%) |
#235695 |
rgb(35,86,149) |
hsl(213,62%,36%) |
#1e4a80 |
rgb(30,74,128) |
hsl(213,62%,31%) |
#193e6b |
rgb(25,62,107) |
hsl(213,62%,26%) |
#143257 |
rgb(20,50,87) |
hsl(213,62%,21%) |
#102642 |
rgb(16,38,66) |
hsl(213,62%,16%) |
#0b1a2d |
rgb(11,26,45) |
hsl(213,62%,11%) |
#060e19 |
rgb(6,14,25) |
hsl(213,62%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,62%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D1BE |
rgb(53,209,190) |
hsl(173,63%,51%) |
#357AD0 |
rgb(53,122,208) |
hsl(213,62%,51%) |
#5736D0 |
rgb(87,54,208) |
hsl(253,62%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78A6DF |
rgb(120,166,223) |
hsl(213,62%,67%) |
#5691D7 |
rgb(86,145,215) |
hsl(213,62%,59%) |
#357AD0 |
rgb(53,122,208) |
hsl(213,62%,51%) |
#2966B1 |
rgb(41,102,177) |
hsl(213,62%,43%) |
#21528F |
rgb(33,82,143) |
hsl(213,63%,35%) |
#19406E |
rgb(25,64,110) |
hsl(212,63%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#357AD0 |
rgb(53,122,208) |
hsl(213,62%,51%) |
#D03D35 |
rgb(208,61,53) |
hsl(3,62%,51%) |
#C7D135 |
rgb(199,209,53) |
hsl(64,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#357AD0 |
rgb(53,122,208) |
hsl(213,62%,51%) |
#D08C35 |
rgb(208,140,53) |
hsl(34,62%,51%) |
#35C7D0 |
rgb(53,199,208) |
hsl(183,62%,51%) |
#C7D135 |
rgb(199,209,53) |
hsl(64,63%,51%) |