HEX #3D5ED4 color — Mariner
The color #3D5ED4 is a dark shade and moderately saturated.
Palette
3D5ED4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(227,64%,99%) |
#e6eaf9 |
rgb(230,234,249) |
hsl(227,64%,94%) |
#d1d9f5 |
rgb(209,217,245) |
hsl(227,64%,89%) |
#bcc7f0 |
rgb(188,199,240) |
hsl(227,64%,84%) |
#a7b6ec |
rgb(167,182,236) |
hsl(227,64%,79%) |
#92a5e7 |
rgb(146,165,231) |
hsl(227,64%,74%) |
#7d93e3 |
rgb(125,147,227) |
hsl(227,64%,69%) |
#6882de |
rgb(104,130,222) |
hsl(227,64%,64%) |
#5471d9 |
rgb(84,113,217) |
hsl(227,64%,59%) |
#3f5fd5 |
rgb(63,95,213) |
hsl(227,64%,54%) |
#2d50cd |
rgb(45,80,205) |
hsl(227,64%,49%) |
#2848b8 |
rgb(40,72,184) |
hsl(227,64%,44%) |
#243fa3 |
rgb(36,63,163) |
hsl(227,64%,39%) |
#1f378e |
rgb(31,55,142) |
hsl(227,64%,34%) |
#1b2f79 |
rgb(27,47,121) |
hsl(227,64%,29%) |
#162764 |
rgb(22,39,100) |
hsl(227,64%,24%) |
#111f4f |
rgb(17,31,79) |
hsl(227,64%,19%) |
#0d173b |
rgb(13,23,59) |
hsl(227,64%,14%) |
#080f26 |
rgb(8,15,38) |
hsl(227,64%,9%) |
#040711 |
rgb(4,7,17) |
hsl(227,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DC2D4 |
rgb(61,194,212) |
hsl(187,64%,54%) |
#3D5ED4 |
rgb(61,94,212) |
hsl(227,64%,54%) |
#803DD4 |
rgb(128,61,212) |
hsl(267,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8499E3 |
rgb(132,153,227) |
hsl(227,63%,70%) |
#607ADB |
rgb(96,122,219) |
hsl(227,63%,62%) |
#3D5ED4 |
rgb(61,94,212) |
hsl(227,64%,54%) |
#294ABB |
rgb(41,74,187) |
hsl(226,64%,45%) |
#213B97 |
rgb(33,59,151) |
hsl(227,64%,36%) |
#192E74 |
rgb(25,46,116) |
hsl(226,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D5ED4 |
rgb(61,94,212) |
hsl(227,64%,54%) |
#D4693D |
rgb(212,105,61) |
hsl(17,64%,54%) |
#A9D43D |
rgb(169,212,61) |
hsl(77,64%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D5ED4 |
rgb(61,94,212) |
hsl(227,64%,54%) |
#D4B33D |
rgb(212,179,61) |
hsl(47,64%,54%) |
#3DA8D4 |
rgb(61,168,212) |
hsl(197,64%,54%) |
#A9D43D |
rgb(169,212,61) |
hsl(77,64%,54%) |