HEX #3D5ED6 color — Royal Blue
The color #3d5ed6 is a dark shade and moderately saturated.
Palette
3d5ed6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(227,65%,99%) |
#e6eafa |
rgb(230,234,250) |
hsl(227,65%,94%) |
#d1d9f5 |
rgb(209,217,245) |
hsl(227,65%,89%) |
#bcc7f1 |
rgb(188,199,241) |
hsl(227,65%,84%) |
#a7b6ec |
rgb(167,182,236) |
hsl(227,65%,79%) |
#92a4e8 |
rgb(146,164,232) |
hsl(227,65%,74%) |
#7d93e3 |
rgb(125,147,227) |
hsl(227,65%,69%) |
#6881df |
rgb(104,129,223) |
hsl(227,65%,64%) |
#5270da |
rgb(82,112,218) |
hsl(227,65%,59%) |
#3d5ed6 |
rgb(61,94,214) |
hsl(227,65%,54%) |
#2c4fce |
rgb(44,79,206) |
hsl(227,65%,49%) |
#2747b9 |
rgb(39,71,185) |
hsl(227,65%,44%) |
#233fa4 |
rgb(35,63,164) |
hsl(227,65%,39%) |
#1e378f |
rgb(30,55,143) |
hsl(227,65%,34%) |
#1a2f7a |
rgb(26,47,122) |
hsl(227,65%,29%) |
#152765 |
rgb(21,39,101) |
hsl(227,65%,24%) |
#111f50 |
rgb(17,31,80) |
hsl(227,65%,19%) |
#0c173b |
rgb(12,23,59) |
hsl(227,65%,14%) |
#080e26 |
rgb(8,14,38) |
hsl(227,65%,9%) |
#040611 |
rgb(4,6,17) |
hsl(227,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DC4D6 |
rgb(61,196,214) |
hsl(187,65%,54%) |
#3D5ED6 |
rgb(61,94,214) |
hsl(227,65%,54%) |
#823DD6 |
rgb(130,61,214) |
hsl(267,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#859CE5 |
rgb(133,156,229) |
hsl(226,65%,71%) |
#617DDD |
rgb(97,125,221) |
hsl(226,65%,62%) |
#3D5ED6 |
rgb(61,94,214) |
hsl(227,65%,54%) |
#284ABE |
rgb(40,74,190) |
hsl(226,65%,45%) |
#203B9A |
rgb(32,59,154) |
hsl(227,66%,36%) |
#182E76 |
rgb(24,46,118) |
hsl(226,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D5ED6 |
rgb(61,94,214) |
hsl(227,65%,54%) |
#D6693D |
rgb(214,105,61) |
hsl(17,65%,54%) |
#AAD63D |
rgb(170,214,61) |
hsl(77,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D5ED6 |
rgb(61,94,214) |
hsl(227,65%,54%) |
#D6B53D |
rgb(214,181,61) |
hsl(47,65%,54%) |
#3DABD6 |
rgb(61,171,214) |
hsl(197,65%,54%) |
#AAD63D |
rgb(170,214,61) |
hsl(77,65%,54%) |