HEX #3866F0 color — Royal Blue
The color #3866F0 is a dark shade and moderately saturated.
Palette
3866F0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(225,86%,98%) |
#dee5fd |
rgb(222,229,253) |
hsl(225,86%,93%) |
#c6d3fb |
rgb(198,211,251) |
hsl(225,86%,88%) |
#aec1f9 |
rgb(174,193,249) |
hsl(225,86%,83%) |
#97aff7 |
rgb(151,175,247) |
hsl(225,86%,78%) |
#7f9df5 |
rgb(127,157,245) |
hsl(225,86%,73%) |
#678af4 |
rgb(103,138,244) |
hsl(225,86%,68%) |
#5078f2 |
rgb(80,120,242) |
hsl(225,86%,63%) |
#3866f0 |
rgb(56,102,240) |
hsl(225,86%,58%) |
#2054ee |
rgb(32,84,238) |
hsl(225,86%,53%) |
#1146e4 |
rgb(17,70,228) |
hsl(225,86%,48%) |
#0f3fcc |
rgb(15,63,204) |
hsl(225,86%,43%) |
#0e37b4 |
rgb(14,55,180) |
hsl(225,86%,38%) |
#0c309d |
rgb(12,48,157) |
hsl(225,86%,33%) |
#0a2985 |
rgb(10,41,133) |
hsl(225,86%,28%) |
#08216d |
rgb(8,33,109) |
hsl(225,86%,23%) |
#061a55 |
rgb(6,26,85) |
hsl(225,86%,18%) |
#05133e |
rgb(5,19,62) |
hsl(225,86%,13%) |
#030c26 |
rgb(3,12,38) |
hsl(225,86%,8%) |
#01040e |
rgb(1,4,14) |
hsl(225,86%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#38E0F0 |
rgb(56,224,240) |
hsl(185,86%,58%) |
#3866F0 |
rgb(56,102,240) |
hsl(225,86%,58%) |
#8438F0 |
rgb(132,56,240) |
hsl(265,86%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90ABF6 |
rgb(144,171,246) |
hsl(224,85%,76%) |
#6487F3 |
rgb(100,135,243) |
hsl(225,86%,67%) |
#3866F0 |
rgb(56,102,240) |
hsl(225,86%,58%) |
#1147E7 |
rgb(17,71,231) |
hsl(225,86%,49%) |
#0E38BB |
rgb(14,56,187) |
hsl(225,86%,39%) |
#0A2B8F |
rgb(10,43,143) |
hsl(225,87%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3866F0 |
rgb(56,102,240) |
hsl(225,86%,58%) |
#F06638 |
rgb(240,102,56) |
hsl(15,86%,58%) |
#C2F038 |
rgb(194,240,56) |
hsl(75,86%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3866F0 |
rgb(56,102,240) |
hsl(225,86%,58%) |
#F0C238 |
rgb(240,194,56) |
hsl(45,86%,58%) |
#38C2F0 |
rgb(56,194,240) |
hsl(195,86%,58%) |
#C2F038 |
rgb(194,240,56) |
hsl(75,86%,58%) |