HEX #3F84E4 color — Royal Blue
The color #3f84e4 is a dark shade and moderately saturated.
Palette
3f84e4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(215,75%,97%) |
#dbe8fa |
rgb(219,232,250) |
hsl(215,75%,92%) |
#c5daf7 |
rgb(197,218,247) |
hsl(215,75%,87%) |
#afcbf4 |
rgb(175,203,244) |
hsl(215,75%,82%) |
#98bdf0 |
rgb(152,189,240) |
hsl(215,75%,77%) |
#82afed |
rgb(130,175,237) |
hsl(215,75%,72%) |
#6ca0ea |
rgb(108,160,234) |
hsl(215,75%,67%) |
#5592e7 |
rgb(85,146,231) |
hsl(215,75%,62%) |
#3f84e4 |
rgb(63,132,228) |
hsl(215,75%,57%) |
#2975e0 |
rgb(41,117,224) |
hsl(215,75%,52%) |
#1e69d2 |
rgb(30,105,210) |
hsl(215,75%,47%) |
#1b5ebb |
rgb(27,94,187) |
hsl(215,75%,42%) |
#1853a5 |
rgb(24,83,165) |
hsl(215,75%,37%) |
#14478f |
rgb(20,71,143) |
hsl(215,75%,32%) |
#113c78 |
rgb(17,60,120) |
hsl(215,75%,27%) |
#0e3162 |
rgb(14,49,98) |
hsl(215,75%,22%) |
#0b264c |
rgb(11,38,76) |
hsl(215,75%,17%) |
#081b36 |
rgb(8,27,54) |
hsl(215,75%,12%) |
#04101f |
rgb(4,16,31) |
hsl(215,75%,7%) |
#010409 |
rgb(1,4,9) |
hsl(215,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE3D6 |
rgb(63,227,214) |
hsl(175,75%,57%) |
#3F84E4 |
rgb(63,132,228) |
hsl(215,75%,57%) |
#6840E4 |
rgb(104,64,228) |
hsl(255,75%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90B8EF |
rgb(144,184,239) |
hsl(215,75%,75%) |
#679EE9 |
rgb(103,158,233) |
hsl(215,75%,66%) |
#3F84E4 |
rgb(63,132,228) |
hsl(215,75%,57%) |
#1E6BD6 |
rgb(30,107,214) |
hsl(215,75%,48%) |
#1857AD |
rgb(24,87,173) |
hsl(215,76%,39%) |
#124284 |
rgb(18,66,132) |
hsl(215,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F84E4 |
rgb(63,132,228) |
hsl(215,75%,57%) |
#E44D3F |
rgb(228,77,63) |
hsl(5,75%,57%) |
#D6E33F |
rgb(214,227,63) |
hsl(65,75%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F84E4 |
rgb(63,132,228) |
hsl(215,75%,57%) |
#E49E3F |
rgb(228,158,63) |
hsl(35,75%,57%) |
#3FD6E4 |
rgb(63,214,228) |
hsl(185,75%,57%) |
#D6E33F |
rgb(214,227,63) |
hsl(65,75%,57%) |