HEX #3E5CD4 color — Mariner
The color #3E5CD4 is a dark shade and moderately saturated.
Palette
3E5CD4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(228,64%,99%) |
#e6eaf9 |
rgb(230,234,249) |
hsl(228,64%,94%) |
#d1d8f5 |
rgb(209,216,245) |
hsl(228,64%,89%) |
#bcc7f0 |
rgb(188,199,240) |
hsl(228,64%,84%) |
#a7b5ec |
rgb(167,181,236) |
hsl(228,64%,79%) |
#92a3e7 |
rgb(146,163,231) |
hsl(228,64%,74%) |
#7d92e3 |
rgb(125,146,227) |
hsl(228,64%,69%) |
#6880de |
rgb(104,128,222) |
hsl(228,64%,64%) |
#546ed9 |
rgb(84,110,217) |
hsl(228,64%,59%) |
#3f5dd5 |
rgb(63,93,213) |
hsl(228,64%,54%) |
#2d4dcd |
rgb(45,77,205) |
hsl(228,64%,49%) |
#2845b8 |
rgb(40,69,184) |
hsl(228,64%,44%) |
#243da3 |
rgb(36,61,163) |
hsl(228,64%,39%) |
#1f358e |
rgb(31,53,142) |
hsl(228,64%,34%) |
#1b2e79 |
rgb(27,46,121) |
hsl(228,64%,29%) |
#162664 |
rgb(22,38,100) |
hsl(228,64%,24%) |
#111e4f |
rgb(17,30,79) |
hsl(228,64%,19%) |
#0d163b |
rgb(13,22,59) |
hsl(228,64%,14%) |
#080e26 |
rgb(8,14,38) |
hsl(228,64%,9%) |
#040611 |
rgb(4,6,17) |
hsl(228,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3EBFD4 |
rgb(62,191,212) |
hsl(188,64%,54%) |
#3E5CD4 |
rgb(62,92,212) |
hsl(228,64%,54%) |
#843DD4 |
rgb(132,61,212) |
hsl(268,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8599E3 |
rgb(133,153,227) |
hsl(227,63%,71%) |
#617ADB |
rgb(97,122,219) |
hsl(228,63%,62%) |
#3E5CD4 |
rgb(62,92,212) |
hsl(228,64%,54%) |
#2947BC |
rgb(41,71,188) |
hsl(228,64%,45%) |
#213B98 |
rgb(33,59,152) |
hsl(227,64%,36%) |
#192B74 |
rgb(25,43,116) |
hsl(228,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3E5CD4 |
rgb(62,92,212) |
hsl(228,64%,54%) |
#D46B3E |
rgb(212,107,62) |
hsl(18,64%,54%) |
#A7D43E |
rgb(167,212,62) |
hsl(78,64%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3E5CD4 |
rgb(62,92,212) |
hsl(228,64%,54%) |
#D4B53E |
rgb(212,181,62) |
hsl(48,64%,54%) |
#3EA6D4 |
rgb(62,166,212) |
hsl(198,64%,54%) |
#A7D43E |
rgb(167,212,62) |
hsl(78,64%,54%) |