HEX #3F70F2 color — Royal Blue
The color #3F70F2 is a dark shade and moderately saturated.
Palette
3F70F2 color palette from light to dark
HEX |
RGB |
HSL |
#e7edfd |
rgb(231,237,253) |
hsl(224,87%,95%) |
#cfdbfc |
rgb(207,219,252) |
hsl(224,87%,90%) |
#b7c9fa |
rgb(183,201,250) |
hsl(224,87%,85%) |
#a0b7f8 |
rgb(160,183,248) |
hsl(224,87%,80%) |
#88a5f7 |
rgb(136,165,247) |
hsl(224,87%,75%) |
#7093f5 |
rgb(112,147,245) |
hsl(224,87%,70%) |
#5882f3 |
rgb(88,130,243) |
hsl(224,87%,65%) |
#4070f2 |
rgb(64,112,242) |
hsl(224,87%,60%) |
#285ef0 |
rgb(40,94,240) |
hsl(224,87%,55%) |
#114cee |
rgb(17,76,238) |
hsl(224,87%,50%) |
#0f44d7 |
rgb(15,68,215) |
hsl(224,87%,45%) |
#0d3dbf |
rgb(13,61,191) |
hsl(224,87%,40%) |
#0c35a7 |
rgb(12,53,167) |
hsl(224,87%,35%) |
#0a2d8f |
rgb(10,45,143) |
hsl(224,87%,30%) |
#082677 |
rgb(8,38,119) |
hsl(224,87%,25%) |
#071e5f |
rgb(7,30,95) |
hsl(224,87%,20%) |
#051748 |
rgb(5,23,72) |
hsl(224,87%,15%) |
#030f30 |
rgb(3,15,48) |
hsl(224,87%,10%) |
#020818 |
rgb(2,8,24) |
hsl(224,87%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE8F2 |
rgb(63,232,242) |
hsl(183,87%,60%) |
#3F70F2 |
rgb(63,112,242) |
hsl(224,87%,60%) |
#8540F2 |
rgb(133,64,242) |
hsl(263,87%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AB5F8 |
rgb(154,181,248) |
hsl(223,87%,79%) |
#6C91F5 |
rgb(108,145,245) |
hsl(224,87%,69%) |
#3F70F2 |
rgb(63,112,242) |
hsl(224,87%,60%) |
#114FEE |
rgb(17,79,238) |
hsl(223,87%,50%) |
#0D40C2 |
rgb(13,64,194) |
hsl(223,87%,41%) |
#0A3094 |
rgb(10,48,148) |
hsl(223,87%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F70F2 |
rgb(63,112,242) |
hsl(224,87%,60%) |
#F2693F |
rgb(242,105,63) |
hsl(14,87%,60%) |
#C9F23F |
rgb(201,242,63) |
hsl(74,87%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F70F2 |
rgb(63,112,242) |
hsl(224,87%,60%) |
#F2C23F |
rgb(242,194,63) |
hsl(44,87%,60%) |
#3FC9F2 |
rgb(63,201,242) |
hsl(194,87%,60%) |
#C9F23F |
rgb(201,242,63) |
hsl(74,87%,60%) |