HEX #3F70F4 color — Royal Blue
The color #3F70F4 is a dark shade and moderately saturated.
Palette
3F70F4 color palette from light to dark
HEX |
RGB |
HSL |
#e7edfe |
rgb(231,237,254) |
hsl(224,89%,95%) |
#cfdbfc |
rgb(207,219,252) |
hsl(224,89%,90%) |
#b7c9fb |
rgb(183,201,251) |
hsl(224,89%,85%) |
#9fb7f9 |
rgb(159,183,249) |
hsl(224,89%,80%) |
#87a5f8 |
rgb(135,165,248) |
hsl(224,89%,75%) |
#6e93f7 |
rgb(110,147,247) |
hsl(224,89%,70%) |
#5681f5 |
rgb(86,129,245) |
hsl(224,89%,65%) |
#3e6ff4 |
rgb(62,111,244) |
hsl(224,89%,60%) |
#265df2 |
rgb(38,93,242) |
hsl(224,89%,55%) |
#0e4bf1 |
rgb(14,75,241) |
hsl(224,89%,50%) |
#0d43d9 |
rgb(13,67,217) |
hsl(224,89%,45%) |
#0b3cc1 |
rgb(11,60,193) |
hsl(224,89%,40%) |
#0a34a9 |
rgb(10,52,169) |
hsl(224,89%,35%) |
#082d91 |
rgb(8,45,145) |
hsl(224,89%,30%) |
#072578 |
rgb(7,37,120) |
hsl(224,89%,25%) |
#061e60 |
rgb(6,30,96) |
hsl(224,89%,20%) |
#041648 |
rgb(4,22,72) |
hsl(224,89%,15%) |
#030f30 |
rgb(3,15,48) |
hsl(224,89%,10%) |
#010718 |
rgb(1,7,24) |
hsl(224,89%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE8F4 |
rgb(63,232,244) |
hsl(184,89%,60%) |
#3F70F4 |
rgb(63,112,244) |
hsl(224,89%,60%) |
#8640F4 |
rgb(134,64,244) |
hsl(263,89%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#CAD9FB |
rgb(202,217,251) |
hsl(222,86%,89%) |
#9BB5F9 |
rgb(155,181,249) |
hsl(223,89%,79%) |
#6D91F6 |
rgb(109,145,246) |
hsl(224,88%,70%) |
#3F70F4 |
rgb(63,112,244) |
hsl(224,89%,60%) |
#104DF1 |
rgb(16,77,241) |
hsl(224,89%,50%) |
#0B3DC5 |
rgb(11,61,197) |
hsl(224,89%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F70F4 |
rgb(63,112,244) |
hsl(224,89%,60%) |
#F4693F |
rgb(244,105,63) |
hsl(14,89%,60%) |
#CAF53F |
rgb(202,245,63) |
hsl(74,90%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F70F4 |
rgb(63,112,244) |
hsl(224,89%,60%) |
#F4C23F |
rgb(244,194,63) |
hsl(43,89%,60%) |
#3FC9F4 |
rgb(63,201,244) |
hsl(194,89%,60%) |
#CAF53F |
rgb(202,245,63) |
hsl(74,90%,60%) |