HEX #3A70D9 color — Royal Blue
The color #3A70D9 is a dark shade and moderately saturated.
Palette
3A70D9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,68%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(220,68%,94%) |
#d0ddf6 |
rgb(208,221,246) |
hsl(220,68%,89%) |
#bacdf2 |
rgb(186,205,242) |
hsl(220,68%,84%) |
#a5bdee |
rgb(165,189,238) |
hsl(220,68%,79%) |
#90aeea |
rgb(144,174,234) |
hsl(220,68%,74%) |
#7a9ee6 |
rgb(122,158,230) |
hsl(220,68%,69%) |
#658ee2 |
rgb(101,142,226) |
hsl(220,68%,64%) |
#4f7fde |
rgb(79,127,222) |
hsl(220,68%,59%) |
#3a6fd9 |
rgb(58,111,217) |
hsl(220,68%,54%) |
#2861d2 |
rgb(40,97,210) |
hsl(220,68%,49%) |
#2457bc |
rgb(36,87,188) |
hsl(220,68%,44%) |
#204da7 |
rgb(32,77,167) |
hsl(220,68%,39%) |
#1c4392 |
rgb(28,67,146) |
hsl(220,68%,34%) |
#18397c |
rgb(24,57,124) |
hsl(220,68%,29%) |
#142f67 |
rgb(20,47,103) |
hsl(220,68%,24%) |
#102551 |
rgb(16,37,81) |
hsl(220,68%,19%) |
#0b1c3c |
rgb(11,28,60) |
hsl(220,68%,14%) |
#071227 |
rgb(7,18,39) |
hsl(220,68%,9%) |
#030811 |
rgb(3,8,17) |
hsl(220,68%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD9D8 |
rgb(58,217,216) |
hsl(180,68%,54%) |
#3A70D9 |
rgb(58,112,217) |
hsl(220,68%,54%) |
#6E3BD9 |
rgb(110,59,217) |
hsl(259,68%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A6E7 |
rgb(131,166,231) |
hsl(219,68%,71%) |
#5E8AE0 |
rgb(94,138,224) |
hsl(220,68%,62%) |
#3A70D9 |
rgb(58,112,217) |
hsl(220,68%,54%) |
#2559C1 |
rgb(37,89,193) |
hsl(220,68%,45%) |
#1E4A9C |
rgb(30,74,156) |
hsl(219,68%,36%) |
#173877 |
rgb(23,56,119) |
hsl(219,68%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A70D9 |
rgb(58,112,217) |
hsl(220,68%,54%) |
#D9543A |
rgb(217,84,58) |
hsl(10,68%,54%) |
#BFD93A |
rgb(191,217,58) |
hsl(70,68%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A70D9 |
rgb(58,112,217) |
hsl(220,68%,54%) |
#D9A33A |
rgb(217,163,58) |
hsl(40,68%,54%) |
#3ABFD9 |
rgb(58,191,217) |
hsl(190,68%,54%) |
#BFD93A |
rgb(191,217,58) |
hsl(70,68%,54%) |