HEX #3F86E9 color — Royal Blue
The color #3f86e9 is a light shade and moderately saturated.
Palette
3f86e9 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(215,79%,98%) |
#dfebfb |
rgb(223,235,251) |
hsl(215,79%,93%) |
#c8dcf9 |
rgb(200,220,249) |
hsl(215,79%,88%) |
#b1cef6 |
rgb(177,206,246) |
hsl(215,79%,83%) |
#9bc0f3 |
rgb(155,192,243) |
hsl(215,79%,78%) |
#84b1f1 |
rgb(132,177,241) |
hsl(215,79%,73%) |
#6da3ee |
rgb(109,163,238) |
hsl(215,79%,68%) |
#5694eb |
rgb(86,148,235) |
hsl(215,79%,63%) |
#3f86e9 |
rgb(63,134,233) |
hsl(215,79%,58%) |
#2877e6 |
rgb(40,119,230) |
hsl(215,79%,53%) |
#1a6adb |
rgb(26,106,219) |
hsl(215,79%,48%) |
#175fc4 |
rgb(23,95,196) |
hsl(215,79%,43%) |
#1454ad |
rgb(20,84,173) |
hsl(215,79%,38%) |
#124997 |
rgb(18,73,151) |
hsl(215,79%,33%) |
#0f3e80 |
rgb(15,62,128) |
hsl(215,79%,28%) |
#0c3369 |
rgb(12,51,105) |
hsl(215,79%,23%) |
#0a2852 |
rgb(10,40,82) |
hsl(215,79%,18%) |
#071d3b |
rgb(7,29,59) |
hsl(215,79%,13%) |
#041225 |
rgb(4,18,37) |
hsl(215,79%,8%) |
#02070e |
rgb(2,7,14) |
hsl(215,79%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE8DA |
rgb(63,232,218) |
hsl(175,79%,58%) |
#3F86E9 |
rgb(63,134,233) |
hsl(215,79%,58%) |
#6940E9 |
rgb(105,64,233) |
hsl(255,79%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93BDF2 |
rgb(147,189,242) |
hsl(213,79%,76%) |
#69A1ED |
rgb(105,161,237) |
hsl(215,79%,67%) |
#3F86E9 |
rgb(63,134,233) |
hsl(215,79%,58%) |
#196BDF |
rgb(25,107,223) |
hsl(215,80%,49%) |
#1457B4 |
rgb(20,87,180) |
hsl(215,80%,39%) |
#0F428A |
rgb(15,66,138) |
hsl(215,80%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F86E9 |
rgb(63,134,233) |
hsl(215,79%,58%) |
#E94D3F |
rgb(233,77,63) |
hsl(5,79%,58%) |
#DBE83F |
rgb(219,232,63) |
hsl(65,79%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F86E9 |
rgb(63,134,233) |
hsl(215,79%,58%) |
#E9A33F |
rgb(233,163,63) |
hsl(35,79%,58%) |
#3FDBE9 |
rgb(63,219,233) |
hsl(185,79%,58%) |
#DBE83F |
rgb(219,232,63) |
hsl(65,79%,58%) |