HEX #3F87E4 color — Royal Blue
The color #3F87E4 is a light shade and moderately saturated.
Palette
3F87E4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(214,75%,97%) |
#dbe9fa |
rgb(219,233,250) |
hsl(214,75%,92%) |
#c5dbf7 |
rgb(197,219,247) |
hsl(214,75%,87%) |
#afcdf4 |
rgb(175,205,244) |
hsl(214,75%,82%) |
#98bef0 |
rgb(152,190,240) |
hsl(214,75%,77%) |
#82b0ed |
rgb(130,176,237) |
hsl(214,75%,72%) |
#6ca2ea |
rgb(108,162,234) |
hsl(214,75%,67%) |
#5594e7 |
rgb(85,148,231) |
hsl(214,75%,62%) |
#3f86e4 |
rgb(63,134,228) |
hsl(214,75%,57%) |
#2978e0 |
rgb(41,120,224) |
hsl(214,75%,52%) |
#1e6cd2 |
rgb(30,108,210) |
hsl(214,75%,47%) |
#1b60bb |
rgb(27,96,187) |
hsl(214,75%,42%) |
#1855a5 |
rgb(24,85,165) |
hsl(214,75%,37%) |
#14498f |
rgb(20,73,143) |
hsl(214,75%,32%) |
#113e78 |
rgb(17,62,120) |
hsl(214,75%,27%) |
#0e3262 |
rgb(14,50,98) |
hsl(214,75%,22%) |
#0b274c |
rgb(11,39,76) |
hsl(214,75%,17%) |
#081c36 |
rgb(8,28,54) |
hsl(214,75%,12%) |
#04101f |
rgb(4,16,31) |
hsl(214,75%,7%) |
#010509 |
rgb(1,5,9) |
hsl(214,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE3D3 |
rgb(63,227,211) |
hsl(174,75%,57%) |
#3F87E4 |
rgb(63,135,228) |
hsl(214,75%,57%) |
#6540E4 |
rgb(101,64,228) |
hsl(254,75%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90BAEF |
rgb(144,186,239) |
hsl(213,75%,75%) |
#67A1E9 |
rgb(103,161,233) |
hsl(213,75%,66%) |
#3F87E4 |
rgb(63,135,228) |
hsl(214,75%,57%) |
#1E6ED6 |
rgb(30,110,214) |
hsl(214,75%,48%) |
#1859AD |
rgb(24,89,173) |
hsl(214,76%,39%) |
#124584 |
rgb(18,69,132) |
hsl(213,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F87E4 |
rgb(63,135,228) |
hsl(214,75%,57%) |
#E44A3F |
rgb(228,74,63) |
hsl(4,75%,57%) |
#D9E33F |
rgb(217,227,63) |
hsl(64,75%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F87E4 |
rgb(63,135,228) |
hsl(214,75%,57%) |
#E49C3F |
rgb(228,156,63) |
hsl(34,75%,57%) |
#3FD9E4 |
rgb(63,217,228) |
hsl(184,75%,57%) |
#D9E33F |
rgb(217,227,63) |
hsl(64,75%,57%) |