HEX #3C5AD3 color — Mariner
The color #3c5ad3 is a dark shade and moderately saturated.
Palette
3c5ad3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,63%,98%) |
#e2e6f8 |
rgb(226,230,248) |
hsl(228,63%,93%) |
#cdd5f4 |
rgb(205,213,244) |
hsl(228,63%,88%) |
#b8c3ef |
rgb(184,195,239) |
hsl(228,63%,83%) |
#a4b2ea |
rgb(164,178,234) |
hsl(228,63%,78%) |
#8fa0e6 |
rgb(143,160,230) |
hsl(228,63%,73%) |
#7a8fe1 |
rgb(122,143,225) |
hsl(228,63%,68%) |
#657ddc |
rgb(101,125,220) |
hsl(228,63%,63%) |
#506bd7 |
rgb(80,107,215) |
hsl(228,63%,58%) |
#3c5ad3 |
rgb(60,90,211) |
hsl(228,63%,53%) |
#2d4cc8 |
rgb(45,76,200) |
hsl(228,63%,48%) |
#2944b3 |
rgb(41,68,179) |
hsl(228,63%,43%) |
#243c9e |
rgb(36,60,158) |
hsl(228,63%,38%) |
#1f3489 |
rgb(31,52,137) |
hsl(228,63%,33%) |
#1a2c74 |
rgb(26,44,116) |
hsl(228,63%,28%) |
#162460 |
rgb(22,36,96) |
hsl(228,63%,23%) |
#111d4b |
rgb(17,29,75) |
hsl(228,63%,18%) |
#0c1536 |
rgb(12,21,54) |
hsl(228,63%,13%) |
#080d21 |
rgb(8,13,33) |
hsl(228,63%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CBFD3 |
rgb(60,191,211) |
hsl(188,63%,53%) |
#3C5AD3 |
rgb(60,90,211) |
hsl(228,63%,53%) |
#823DD3 |
rgb(130,61,211) |
hsl(268,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8296E2 |
rgb(130,150,226) |
hsl(228,62%,70%) |
#5F78DA |
rgb(95,120,218) |
hsl(228,62%,61%) |
#3C5AD3 |
rgb(60,90,211) |
hsl(228,63%,53%) |
#2947B9 |
rgb(41,71,185) |
hsl(228,64%,44%) |
#213896 |
rgb(33,56,150) |
hsl(228,64%,36%) |
#192B72 |
rgb(25,43,114) |
hsl(228,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5AD3 |
rgb(60,90,211) |
hsl(228,63%,53%) |
#D3693C |
rgb(211,105,60) |
hsl(18,63%,53%) |
#A5D43C |
rgb(165,212,60) |
hsl(79,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5AD3 |
rgb(60,90,211) |
hsl(228,63%,53%) |
#D3B53C |
rgb(211,181,60) |
hsl(48,63%,53%) |
#3CA6D3 |
rgb(60,166,211) |
hsl(198,63%,53%) |
#A5D43C |
rgb(165,212,60) |
hsl(79,64%,53%) |