HEX #3F5ED6 color — Royal Blue
The color #3F5ED6 is a dark shade and moderately saturated.
Palette
3F5ED6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(228,65%,99%) |
#e6eafa |
rgb(230,234,250) |
hsl(228,65%,94%) |
#d1d8f5 |
rgb(209,216,245) |
hsl(228,65%,89%) |
#bcc6f1 |
rgb(188,198,241) |
hsl(228,65%,84%) |
#a7b5ec |
rgb(167,181,236) |
hsl(228,65%,79%) |
#92a3e8 |
rgb(146,163,232) |
hsl(228,65%,74%) |
#7d91e3 |
rgb(125,145,227) |
hsl(228,65%,69%) |
#687fdf |
rgb(104,127,223) |
hsl(228,65%,64%) |
#526eda |
rgb(82,110,218) |
hsl(228,65%,59%) |
#3d5cd6 |
rgb(61,92,214) |
hsl(228,65%,54%) |
#2c4cce |
rgb(44,76,206) |
hsl(228,65%,49%) |
#2744b9 |
rgb(39,68,185) |
hsl(228,65%,44%) |
#233da4 |
rgb(35,61,164) |
hsl(228,65%,39%) |
#1e358f |
rgb(30,53,143) |
hsl(228,65%,34%) |
#1a2d7a |
rgb(26,45,122) |
hsl(228,65%,29%) |
#152565 |
rgb(21,37,101) |
hsl(228,65%,24%) |
#111e50 |
rgb(17,30,80) |
hsl(228,65%,19%) |
#0c163b |
rgb(12,22,59) |
hsl(228,65%,14%) |
#080e26 |
rgb(8,14,38) |
hsl(228,65%,9%) |
#040611 |
rgb(4,6,17) |
hsl(228,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC2D6 |
rgb(63,194,214) |
hsl(188,65%,54%) |
#3F5ED6 |
rgb(63,94,214) |
hsl(228,65%,54%) |
#8440D6 |
rgb(132,64,214) |
hsl(267,65%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#889CE5 |
rgb(136,156,229) |
hsl(227,64%,72%) |
#637DDD |
rgb(99,125,221) |
hsl(227,64%,63%) |
#3F5ED6 |
rgb(63,94,214) |
hsl(228,65%,54%) |
#2847BF |
rgb(40,71,191) |
hsl(228,65%,45%) |
#213B9B |
rgb(33,59,155) |
hsl(227,65%,37%) |
#192B76 |
rgb(25,43,118) |
hsl(228,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5ED6 |
rgb(63,94,214) |
hsl(228,65%,54%) |
#D66B3F |
rgb(214,107,63) |
hsl(17,65%,54%) |
#A9D63F |
rgb(169,214,63) |
hsl(78,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5ED6 |
rgb(63,94,214) |
hsl(228,65%,54%) |
#D6B83F |
rgb(214,184,63) |
hsl(48,65%,54%) |
#3FA8D6 |
rgb(63,168,214) |
hsl(198,65%,54%) |
#A9D63F |
rgb(169,214,63) |
hsl(78,65%,54%) |