HEX #3F5CF1 color — Royal Blue
The color #3F5CF1 is a dark shade and moderately saturated.
Palette
3F5CF1 color palette from light to dark
HEX |
RGB |
HSL |
#e7ebfd |
rgb(231,235,253) |
hsl(230,86%,95%) |
#d0d7fb |
rgb(208,215,251) |
hsl(230,86%,90%) |
#b8c3fa |
rgb(184,195,250) |
hsl(230,86%,85%) |
#a0aff8 |
rgb(160,175,248) |
hsl(230,86%,80%) |
#889bf6 |
rgb(136,155,246) |
hsl(230,86%,75%) |
#7187f4 |
rgb(113,135,244) |
hsl(230,86%,70%) |
#5973f3 |
rgb(89,115,243) |
hsl(230,86%,65%) |
#415ff1 |
rgb(65,95,241) |
hsl(230,86%,60%) |
#2a4aef |
rgb(42,74,239) |
hsl(230,86%,55%) |
#1236ed |
rgb(18,54,237) |
hsl(230,86%,50%) |
#1031d5 |
rgb(16,49,213) |
hsl(230,86%,45%) |
#0e2cbe |
rgb(14,44,190) |
hsl(230,86%,40%) |
#0c26a6 |
rgb(12,38,166) |
hsl(230,86%,35%) |
#0b218e |
rgb(11,33,142) |
hsl(230,86%,30%) |
#091b77 |
rgb(9,27,119) |
hsl(230,86%,25%) |
#07165f |
rgb(7,22,95) |
hsl(230,86%,20%) |
#051047 |
rgb(5,16,71) |
hsl(230,86%,15%) |
#040b2f |
rgb(4,11,47) |
hsl(230,86%,10%) |
#020518 |
rgb(2,5,24) |
hsl(230,86%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FD4F1 |
rgb(63,212,241) |
hsl(190,86%,60%) |
#3F5CF1 |
rgb(63,92,241) |
hsl(230,86%,60%) |
#9840F1 |
rgb(152,64,241) |
hsl(270,86%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99A8F7 |
rgb(153,168,247) |
hsl(230,85%,78%) |
#6C82F4 |
rgb(108,130,244) |
hsl(230,86%,69%) |
#3F5CF1 |
rgb(63,92,241) |
hsl(230,86%,60%) |
#1136ED |
rgb(17,54,237) |
hsl(230,87%,50%) |
#0E2BC0 |
rgb(14,43,192) |
hsl(230,86%,40%) |
#0A2193 |
rgb(10,33,147) |
hsl(230,87%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5CF1 |
rgb(63,92,241) |
hsl(230,86%,60%) |
#F17A3F |
rgb(241,122,63) |
hsl(20,86%,60%) |
#B5F23F |
rgb(181,242,63) |
hsl(80,87%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5CF1 |
rgb(63,92,241) |
hsl(230,86%,60%) |
#F1D43F |
rgb(241,212,63) |
hsl(50,86%,60%) |
#3FB5F1 |
rgb(63,181,241) |
hsl(200,86%,60%) |
#B5F23F |
rgb(181,242,63) |
hsl(80,87%,60%) |