HEX #3F5CD5 color — Royal Blue
The color #3F5CD5 is a dark shade and moderately saturated.
Palette
3F5CD5 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 |
#3FBFD5 |
rgb(63,191,213) |
hsl(189,64%,54%) |
#3F5CD5 |
rgb(63,92,213) |
hsl(228,64%,54%) |
#8640D5 |
rgb(134,64,213) |
hsl(268,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8799E4 |
rgb(135,153,228) |
hsl(228,63%,71%) |
#637ADC |
rgb(99,122,220) |
hsl(229,63%,63%) |
#3F5CD5 |
rgb(63,92,213) |
hsl(228,64%,54%) |
#2947BE |
rgb(41,71,190) |
hsl(228,65%,45%) |
#213899 |
rgb(33,56,153) |
hsl(229,65%,36%) |
#192B75 |
rgb(25,43,117) |
hsl(228,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5CD5 |
rgb(63,92,213) |
hsl(228,64%,54%) |
#D56E3F |
rgb(213,110,63) |
hsl(19,64%,54%) |
#A7D63F |
rgb(167,214,63) |
hsl(79,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5CD5 |
rgb(63,92,213) |
hsl(228,64%,54%) |
#D5B83F |
rgb(213,184,63) |
hsl(48,64%,54%) |
#3FA6D5 |
rgb(63,166,213) |
hsl(199,64%,54%) |
#A7D63F |
rgb(167,214,63) |
hsl(79,65%,54%) |