HEX #3A70E7 color — Royal Blue
The color #3A70E7 is a dark shade and moderately saturated.
Palette
3A70E7 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fd |
rgb(241,245,253) |
hsl(221,78%,97%) |
#dbe5fb |
rgb(219,229,251) |
hsl(221,78%,92%) |
#c4d4f8 |
rgb(196,212,248) |
hsl(221,78%,87%) |
#adc4f5 |
rgb(173,196,245) |
hsl(221,78%,82%) |
#97b4f2 |
rgb(151,180,242) |
hsl(221,78%,77%) |
#80a3ef |
rgb(128,163,239) |
hsl(221,78%,72%) |
#6993ec |
rgb(105,147,236) |
hsl(221,78%,67%) |
#5382ea |
rgb(83,130,234) |
hsl(221,78%,62%) |
#3c72e7 |
rgb(60,114,231) |
hsl(221,78%,57%) |
#2562e4 |
rgb(37,98,228) |
hsl(221,78%,52%) |
#1a56d5 |
rgb(26,86,213) |
hsl(221,78%,47%) |
#184cbf |
rgb(24,76,191) |
hsl(221,78%,42%) |
#1543a8 |
rgb(21,67,168) |
hsl(221,78%,37%) |
#123a91 |
rgb(18,58,145) |
hsl(221,78%,32%) |
#0f317b |
rgb(15,49,123) |
hsl(221,78%,27%) |
#0c2864 |
rgb(12,40,100) |
hsl(221,78%,22%) |
#0a1f4d |
rgb(10,31,77) |
hsl(221,78%,17%) |
#071636 |
rgb(7,22,54) |
hsl(221,78%,12%) |
#040d20 |
rgb(4,13,32) |
hsl(221,78%,7%) |
#010409 |
rgb(1,4,9) |
hsl(221,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3E7 |
rgb(58,227,231) |
hsl(181,78%,57%) |
#3A70E7 |
rgb(58,112,231) |
hsl(221,78%,57%) |
#773BE7 |
rgb(119,59,231) |
hsl(261,78%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CABF1 |
rgb(140,171,241) |
hsl(222,78%,75%) |
#638FEC |
rgb(99,143,236) |
hsl(221,78%,66%) |
#3A70E7 |
rgb(58,112,231) |
hsl(221,78%,57%) |
#1A57D8 |
rgb(26,87,216) |
hsl(221,79%,47%) |
#1545AF |
rgb(21,69,175) |
hsl(221,79%,38%) |
#103685 |
rgb(16,54,133) |
hsl(221,79%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A70E7 |
rgb(58,112,231) |
hsl(221,78%,57%) |
#E7593A |
rgb(231,89,58) |
hsl(11,78%,57%) |
#C6E83A |
rgb(198,232,58) |
hsl(72,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A70E7 |
rgb(58,112,231) |
hsl(221,78%,57%) |
#E7B03A |
rgb(231,176,58) |
hsl(41,78%,57%) |
#3AC7E7 |
rgb(58,199,231) |
hsl(191,78%,57%) |
#C6E83A |
rgb(198,232,58) |
hsl(72,79%,57%) |