HEX #3D63D5 color — Mariner
The color #3D63D5 is a dark shade and moderately saturated.
Palette
3D63D5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(225,64%,99%) |
#e6ebf9 |
rgb(230,235,249) |
hsl(225,64%,94%) |
#d1daf5 |
rgb(209,218,245) |
hsl(225,64%,89%) |
#bcc9f0 |
rgb(188,201,240) |
hsl(225,64%,84%) |
#a7b8ec |
rgb(167,184,236) |
hsl(225,64%,79%) |
#92a7e7 |
rgb(146,167,231) |
hsl(225,64%,74%) |
#7d97e3 |
rgb(125,151,227) |
hsl(225,64%,69%) |
#6886de |
rgb(104,134,222) |
hsl(225,64%,64%) |
#5475d9 |
rgb(84,117,217) |
hsl(225,64%,59%) |
#3f64d5 |
rgb(63,100,213) |
hsl(225,64%,54%) |
#2d55cd |
rgb(45,85,205) |
hsl(225,64%,49%) |
#284cb8 |
rgb(40,76,184) |
hsl(225,64%,44%) |
#2444a3 |
rgb(36,68,163) |
hsl(225,64%,39%) |
#1f3b8e |
rgb(31,59,142) |
hsl(225,64%,34%) |
#1b3279 |
rgb(27,50,121) |
hsl(225,64%,29%) |
#162a64 |
rgb(22,42,100) |
hsl(225,64%,24%) |
#11214f |
rgb(17,33,79) |
hsl(225,64%,19%) |
#0d183b |
rgb(13,24,59) |
hsl(225,64%,14%) |
#081026 |
rgb(8,16,38) |
hsl(225,64%,9%) |
#040711 |
rgb(4,7,17) |
hsl(225,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DC9D5 |
rgb(61,201,213) |
hsl(185,64%,54%) |
#3D63D5 |
rgb(61,99,213) |
hsl(225,64%,54%) |
#7C3DD5 |
rgb(124,61,213) |
hsl(265,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#859EE4 |
rgb(133,158,228) |
hsl(224,64%,71%) |
#6180DC |
rgb(97,128,220) |
hsl(225,64%,62%) |
#3D63D5 |
rgb(61,99,213) |
hsl(225,64%,54%) |
#284FBD |
rgb(40,79,189) |
hsl(224,65%,45%) |
#214099 |
rgb(33,64,153) |
hsl(225,65%,36%) |
#193075 |
rgb(25,48,117) |
hsl(225,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D63D5 |
rgb(61,99,213) |
hsl(225,64%,54%) |
#D5633D |
rgb(213,99,61) |
hsl(15,64%,54%) |
#AFD63D |
rgb(175,214,61) |
hsl(75,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D63D5 |
rgb(61,99,213) |
hsl(225,64%,54%) |
#D5B03D |
rgb(213,176,61) |
hsl(45,64%,54%) |
#3DB0D5 |
rgb(61,176,213) |
hsl(195,64%,54%) |
#AFD63D |
rgb(175,214,61) |
hsl(75,65%,54%) |