HEX #3A70DF color — Royal Blue
The color #3A70DF is a dark shade and moderately saturated.
Palette
3A70DF color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(220,72%,95%) |
#d3dff8 |
rgb(211,223,248) |
hsl(220,72%,90%) |
#bdd0f4 |
rgb(189,208,244) |
hsl(220,72%,85%) |
#a7c0f1 |
rgb(167,192,241) |
hsl(220,72%,80%) |
#91b0ed |
rgb(145,176,237) |
hsl(220,72%,75%) |
#7ba0ea |
rgb(123,160,234) |
hsl(220,72%,70%) |
#6590e6 |
rgb(101,144,230) |
hsl(220,72%,65%) |
#5081e2 |
rgb(80,129,226) |
hsl(220,72%,60%) |
#3a71df |
rgb(58,113,223) |
hsl(220,72%,55%) |
#2461db |
rgb(36,97,219) |
hsl(220,72%,50%) |
#2057c5 |
rgb(32,87,197) |
hsl(220,72%,45%) |
#1d4eaf |
rgb(29,78,175) |
hsl(220,72%,40%) |
#19449a |
rgb(25,68,154) |
hsl(220,72%,35%) |
#153a84 |
rgb(21,58,132) |
hsl(220,72%,30%) |
#12306e |
rgb(18,48,110) |
hsl(220,72%,25%) |
#0e2758 |
rgb(14,39,88) |
hsl(220,72%,20%) |
#0b1d42 |
rgb(11,29,66) |
hsl(220,72%,15%) |
#07132c |
rgb(7,19,44) |
hsl(220,72%,10%) |
#040a16 |
rgb(4,10,22) |
hsl(220,72%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ADEDF |
rgb(58,222,223) |
hsl(180,72%,55%) |
#3A70DF |
rgb(58,112,223) |
hsl(220,72%,55%) |
#723BDF |
rgb(114,59,223) |
hsl(260,72%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A8EB |
rgb(135,168,235) |
hsl(220,71%,73%) |
#608CE5 |
rgb(96,140,229) |
hsl(220,72%,64%) |
#3A70DF |
rgb(58,112,223) |
hsl(220,72%,55%) |
#2059CB |
rgb(32,89,203) |
hsl(220,73%,46%) |
#1A47A4 |
rgb(26,71,164) |
hsl(220,73%,37%) |
#14387D |
rgb(20,56,125) |
hsl(219,72%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A70DF |
rgb(58,112,223) |
hsl(220,72%,55%) |
#DF573A |
rgb(223,87,58) |
hsl(11,72%,55%) |
#C2DE3A |
rgb(194,222,58) |
hsl(70,71%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A70DF |
rgb(58,112,223) |
hsl(220,72%,55%) |
#DFA83A |
rgb(223,168,58) |
hsl(40,72%,55%) |
#3AC2DF |
rgb(58,194,223) |
hsl(191,72%,55%) |
#C2DE3A |
rgb(194,222,58) |
hsl(70,71%,55%) |